01.php (pagina principal)
Código :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Buscador Ajax</title> <script type="text/javascript" src="manejador_ajax.js"></script> <script type="text/javascript" src="live_search.js"></script> </head> <body> <form name="form" method="post"> <input type="text" name="soc_cod" id="soc_cod"> </form> <div id="msg_sistema"></div> </body> </html>
manejador_ajax.js
Código :
function nuevoAjax()
{
/* Crea el objeto AJAX. Esta funcion es generica para cualquier utilidad de este tipo, por
lo que se puede copiar tal como esta aqui */
var xmlhttp=false;
try
{
// Creacion del objeto AJAX para navegadores no IE
xmlhttp=new ActiveXObject("Msxml2.XMLHTTP");
}
catch(e)
{
try
{
// Creacion del objet AJAX para IE
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
catch(E)
{
if (!xmlhttp && typeof XMLHttpRequest!='undefined') xmlhttp=new XMLHttpRequest();
}
}
return xmlhttp;
}live_search.js
Código :
window.onload = function()
{
soc_cod = document.getElementById('soc_cod');
soc_cod.onchange = function()
{
//Este es el div que vas a poner en tu pagina
var msg_sistema = document.getElementById('msg_sistema');
//
soc_cod = document.forms[0].soc_cod.value;
ajax = nuevoAjax();
// archivo con la logica de la base de datos
url = "buscar_socio.php";
ajax.open("POST",url,true);
ajax.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
ajax.onreadystatechange = function()
{
if(ajax.readyState == 1)
{
// Buscate una imagen para crear el prealoder, puedes conseguirla en ajaxload.info
msg_sistema.innerHTML = "<img src=\'../ajax-loader.gif\' / alt=\'Cargando...\'>";
}
if(ajax.readyState == 4)
{
msg_sistema.innerHTML = ajax.responseText
}
}
ajax.send("soc_cod="+soc_cod);
}
}buscar_socio.php
Código :
<?php
$connect = mysql_connect("localhost","root","XxX");
mysql_select_db("ufv") or die(mysql_error());
$result0=mysql_query("SELECT soc_cod, soc_app, soc_apm, soc_nomb
FROM socios WHERE soc_cod = '$_POST[soc_cod]'",$connect);
while($row0=mysql_fetch_array($result0))
{
printf("<center><h1> %s %s %s <br> %s </h1></center>",
$row0["soc_app"],$row0["soc_apm"],$row0["soc_nomb"],$row0["soc_ci"]);
}
?> saludos
