Popular campo input com resultado da busca (Ajax+ php)
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!"); 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>';
}
}
?>Discussão (2)
Carregando comentários...