Busqueda ajax

[MaNuX0218]

Haber mostrare todos, html, php(mysql) y ajax

Código HTML:

<form action="" method="get">
 
<input type="text" name="nom" id="valor1" maxlength="13">
 
<input type="text" name="ape" id="valor2" maxlength="6">
 
</form>
 

Código PHP:

<?php
 
$con = mysql_connect('localhost','root', '');
mysql_select_db('db', $con);
 
$nom = mysql_real_escape_string(strip_tags($_GET['nom']));
$ape = mysql_real_escape_string(strip_tags($_GET['ape']));
 
$sql = mysql_query('SELECT * FROM tabla WHERE nombre LIKE "'.$_GET['nom'].'%" AND apellido LIKE "'.$_GET['ape'].'%"', $con);
 
while($row=mysql_fetch_array($sql)){
 
echo '<tbody>
<td>'.$row['nombre'].'</td>
<td>'.$row['apellido'].'</td>
<td>'.$row['edad'].'</td>
<td>'.$row['sexo'].'</td>
</tbody>';   
 
}
 
?>
 

Código Javascript:

$(document).ready(function(){
$("#valor1, #valor2").keyup(function(){
 
var 
dato1 = $("#valor1").val(),
dato2 = $("#valor2").val();
     
$.ajax({
type: "GET",
url: "pages/result.php",
dataType: "html",
beforeSend: function(){
$("#resultado").html("<img src='public/images/ajax-loader.gif' width='20' height='20' />");
},
success: function(data){                                                   
$("#resultado").html(data);
$("#resultado").val(consulta);
}
});                                                                                 
});                                                                
});