ajax não carrega o valor na div
Um formulário simples de teste, onde usuario seleciona um valor e é exibido na div algum resultado.
Não consigo achar o erro, pois a resposta nao aparece na div.
O local onde ocorre o erro é no ajax, veja logo abaixo no formulario do ajax meus comentarios onde explico sobre o erro.
Como ainda é uma pagina de teste, a pagina php de consulta ao banco de dados é apenas para teste mesmo, pois ainda nao consulta nada, apenas tem
um echo para exibir um texto "teste". Mas não exibe.
Abaixo os codigos:
formulario:
>
Citar
<div id="formulario" style=" margin-left: 230px; padding:5px; color:blue; width: 480px; border-width: 1px; border-style: solid">
<form id="form1" onsubmit="return processa();">
<select name="produtos" id="produtos">
<option>um</option>
<option>dois</option>
<option>tres</option>
</select>
<input id="consulta" value="Consultar" type="submit">
</form>
</div>
funcao ajax:
Esta funcao já testei tudo, tá tudo ok, é somente na linha em vermelho que está dando o erro.
fiz um alert(req.responseText), e está ok, a mensagem está correta. Somente não aparece na div.
funcao ajax que faz a requisicao:
>
Citar
var request = null;
function CriaRequest() {
try {
request = new XMLHttpRequest();
} catch (trymicrosoft) {
try {
request = new ActiveXObject("Msxml2.XMLHTTP");
} catch (othermicrosoft) {
try {
request = new ActiveXObject("Microsoft.XMLHTTP");
} catch (failed) {
request = null;
}
}
}
if (request == null)
alert("Error creating request object!");
return request;
}
>
Citar
function processa(){
var produto = document.getElementById("produtos").value;
alert(produto);
// Iniciar uma requisição
var req = CriaRequest();
// Atribui uma função para ser executada sempre que houver uma mudança de ado
req.onreadystatechange = function(){
// Verifica se foi concluído com sucesso e a conexão fechada (readyState=4)
if (req.readyState == 4) {
// Verifica se o arquivo foi encontrado com sucesso
if (req.status == 200) {
//aqui especificamos o nome da div (resposta) onde iremos exibir o resultado da consulta.
alert(req.responseText);
**document.getElementById("resposta").innerHTML = req.responseText;**
}else{
resposta.innerHTML = "Erro: " + req.statusText;
}
}
}
// executa o arquivo busca.php para localizar o produto.
// note que estamos passando atraves da variável "prod" o produto a ser pesquisado que está dentro da variável produto.
req.open("GET", "busca.php?prod="+produto,true);
req.setRequestHeader("Content-Type", "text/html");
req.send();
}
o arquivo busca.php apenas para teste por enquanto:
>
Citar
<?php
echo "teste";
?>Discussão (1)
Carregando comentários...