
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