ajax não carrega o valor na div

[halfar 5]

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";
?>

 

[halfar 5]

já resolvi...

tive que inserir return false; apos req.send();

 

valw...pode fechar o tópico