bueno asi mas menos lo hice pero no corre que es lo que esta mal? esque soy un beginner en esto de ajax.
01.php (mi pagina donde esta el texbox)
Código PHP:
<!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">
<input type="text" name="soc_cod" id="soc_cod">
</form>
<div id="msg_sistema"></div>
</body>
</html>
y mi pagina buscar_socio.php (con los valores reales de la tabla de mi base de datos)
Código PHP:
<?php
$connect = mysql_connect("localhost","root","CoopSA");
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 = '$_GET[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"]);
}
?>
y bueno las anteriores
manejador_ajax.js Código PHP:
// JavaScript Document
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 PHP:
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);
}
}