1

Montei uma query usando php+oracle para buscar o nome do funcionário a partir do crachá. Pesquisei e encontrei um script que faz a consulta e retorna na mesma página usando Ajax. Mas ele retorna o valor somente na div inteira. Como faço para retornar em um campo que eu defino? Exemplo:

 function getDados() {

 // Declaração de Variáveis
 var nome   = document.getElementById("txtnome").value;
 var result = document.getElementById("Resultado");
 var xmlreq = CriaRequest();

 // Exibi a imagem de progresso
 result.innerHTML = '<img src="images/Progresso.gif"/>';

 // Iniciar uma requisição
 xmlreq.open("GET", "processa.php?txtnome=" + nome, true);

 // Atribui uma função para ser executada sempre que houver uma mudança de ado
 xmlreq.onreadystatechange = function(){

     // Verifica se foi concluído com sucesso e a conexão fechada (readyState=4)
     if (xmlreq.readyState == 4) {

         // Verifica se o arquivo foi encontrado com sucesso
         if (xmlreq.status == 200) {
             result.innerHTML = xmlreq.responseText;
         }else{
             result.innerHTML = "Erro: " + xmlreq.statusText;
         }
     }
 };
 xmlreq.send(null);
 }

Nesse caso a váriavel "Result" aplica o resultado dentro da div Resultado, mas não nos inputs que defini para serem alimentados....

1 Resposta 1

1

Substitua:

result.innerHTML = xmlreq.responseText;

Por:

document.getElementById("iddomeucampo").value = xmlreq.responseText;

ficando:

function getDados() {

 // Declaração de Variáveis
 var nome   = document.getElementById("txtnome").value;
 var result = document.getElementById("Resultado");
 var xmlreq = CriaRequest();

 // Exibi a imagem de progresso
 result.innerHTML = '<img src="images/Progresso.gif"/>';

 // Iniciar uma requisição
 xmlreq.open("GET", "processa.php?txtnome=" + nome, true);

 // Atribui uma função para ser executada sempre que houver uma mudança de ado
 xmlreq.onreadystatechange = function(){

     // Verifica se foi concluído com sucesso e a conexão fechada (readyState=4)
     if (xmlreq.readyState == 4) {

         // Verifica se o arquivo foi encontrado com sucesso
         if (xmlreq.status == 200) {
             document.getElementById("iddomeucampo").value = xmlreq.responseText;
         }else{
             result.innerHTML = "Erro: " + xmlreq.statusText;
         }
     }
 };
 xmlreq.send(null);
 }
8
  • Fiz como você disse amigo, mas entrou na linha: result.innerHTML = '<img src="images/Progresso.gif"/>'; e não saiu mais. Conferi o nome da div e do input e estão corretos. Alguma idéia? Obrigado pela ajuda
    – Diego
    Commented 18/06/2015 às 19:59
  • document.getElementById("Resultado") existe? Commented 18/06/2015 às 20:01
  • Mudei a div para "Content" e para e o input é "nomeFunc". Os nomes tanto no ajax.js quanto no php estão iguais....
    – Diego
    Commented 18/06/2015 às 20:02
  • Abre o console do navegador e veja o erro Commented 18/06/2015 às 20:04
  • Criei outra div, com outro nome e mesmo nome de campo. Ai ele deixou o progresso rodando na div nova e ai sim colocou o valor na div que queria. Direi a barra de progresso e inverteu todos valores, apontei para uma div e ele armazenou na outra. Como vejo os erros no console? Obrigado
    – Diego
    Commented 18/06/2015 às 20:08

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .