Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

xxabxx

Popular campo input com resultado da busca (Ajax+ php)

Por , em Javascript

Recommended Posts

xxabxx    0

xxabxx
Postado

Boa noite galera.

 

Tenho um campo de busca em html, ajax e php

No resultado de busca, gostaria que quando eu clicasse em cima ele populasse os inputs com os valores da tabela

 

Html

 

<html>
<head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title></title>
    </head>
    <body>
        <script type="text/javascript" src="ajax.js"></script>
        <div id="Container">
            <h1>Agenda de Contatos utilizando AJAX</h1>
            <hr/>
            <h2>Pesquisar Contato:</h2>
            <div id="Pesquisar">
                Infome o nome: 
                <input type="text" name="txtnome" id="txtnome"/> 
                <input type="button" name="btnPesquisar" value="Pesquisar" onclick="getDados();"/>
            </div>
            <hr/>
            <h2>Resultados da pesquisa:</h2>
            <div id="Resultado"></div>
            <hr>
        </div>
    </body>
</html>

 

javascript

 

 function CriaRequest() {
     try{
         request = new XMLHttpRequest();        
     }catch (IEAtual){
         try{
             request = new ActiveXObject("Msxml2.XMLHTTP");       
         }catch(IEAntigo){
             try{
                 request = new ActiveXObject("Microsoft.XMLHTTP");          
             }catch(falha){
                 request = false;
}
}
}
 
     if (!request) 
         alert("Seu Navegador não suporta Ajax!");
else
         return request;
 
}
 
 function getDados() {
     var nome   = document.getElementById("txtnome").value;
     var result = document.getElementById("Resultado");
     var xmlreq = CriaRequest();
 
     result.innerHTML = '<img src="Progresso1.gif"/>';
 
 
      xmlreq.open("GET", "Contato.php?txtnome=" + nome, true);
     xmlreq.onreadystatechange = function(){
 
 
         if (xmlreq.readyState == 4) {
 
 
              if (xmlreq.status == 200) {
                 result.innerHTML = xmlreq.responseText;
             }else{
                 result.innerHTML = "Erro: " + xmlreq.statusText;
 
}
}
};
     xmlreq.send(null);
 
 }

 

php

 

 
<?php
header('Access-Control-Allow-Origin: *');
if (isset($_GET["txtnome"])) {
    $nome = $_GET["txtnome"];
    $server = "localhost";
    $user = "root";
    $senha = "123";
    $base = "agenda";
$conexao = mysql_connect($server, $user, $senha) or die("Erro na conexão!"); 
 
    mysql_select_db($base);
 
   if (empty($nome)) {
        $sql = "SELECT * FROM contato";
    } else {
        $nome .= "%";
$sql = "SELECT * FROM contato WHERE nome like '$nome'"; 
 
}
    sleep(1);
 
   $result = mysql_query($sql);
    $cont = mysql_affected_rows($conexao);
 
   if ($cont > 0) {
        echo '<table border="1">';
                   echo '<tr> <td>Nome</td>';
  echo '<td>Telefone</td>';
  echo '<td>Celular</td>';
  echo '<td>Email</td>';
  
        $return = "$tabela";
        while ($linha = mysql_fetch_array($result)) {
echo '<tr>';
            echo '<td>' .($linha["NOME"]) . "</td>";
            echo '<td>' .($linha["FONE"]) . "</td>";
            echo '<td>' .($linha["CELULAR"]) . "</td>";
           echo '<td>' .($linha["EMAIL"]) . "</td>";
            echo '</tr>';
 
}
echo '</table>';
} 
}
?>

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

O que aparece no console de erros ?

 

Ctrl + Shift + J no Firefox.

Compartilhar este post

Link para o post
Compartilhar em outros sites

xxabxx    0

xxabxx
Postado

William, não tem erro.

Eu queria saber como implementar isso, faço a busca, quando aparecer o resultado eu o seleciono e então os valores vão para alguns inputs.

 

Agora que vi, muito obrigado =D ...Tenho que te agradecer, hoje consegui fazer dois códigos graças o seu site!.

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito