Código
Búsqueda:<input id="search" type="Text" onkeyup="cargar_datos()" size="50">
llamo a mi función de ajax
Código
function cargar_datos()() { var xmlhttp; var n=document.getElementById('search').value; if(n==''){ document.getElementById("busqueda").innerHTML=""; return; } if (window.XMLHttpRequest) { xmlhttp=new XMLHttpRequest(); } else { xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); } xmlhttp.onreadystatechange=function() { if (xmlhttp.readyState==4 && xmlhttp.status==200) { document.getElementById("busqueda").innerHTML=xmlhttp.responseText; } } xmlhttp.open("POST","betr.php",true); xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded"); xmlhttp.send("q="+n); }
para realizar una consulta sencilla en mi archivo "betr.php"...(pongo solo una parte)
Código
<?php $q=$_POST[q]; $sql="SELECT * from archivos where cliente LIKE '%".$q."%' or sub_cliente LIKE '%".$q."%' or archivo LIKE '%".$q."%' or documento LIKE '%".$q."%'"; echo '<b>No hay sugerencias</b>'; }else{ ?> <div class="resultados"> <table id="listado"> <tr><th>Empresa</th><th>Cliente</th><th>Sub-Cliente</th><th>Fecha</th><th>Nombre del Archivo</th><th>Tipo de Documento</th><th>Archivo</th></tr> <?php echo "<tr><td>".$row['empresa']."</td><td>".$row['cliente']."</td><td>".$row['sub_cliente']."</td><td>".$row['fecha']."</td><td>".$row['archivo']."</td><td>".$row['documento']."</td><td><a href='descarga.php?file=".$row['ruta']."'>Descargar Archivo</a></td></tr>"; } ?>
bueno, todo esto me funciona y me muestra los resultados...pero si comienzo a jugar metiendo y quitando datos del input keyup, llega un momento en el que ya no reacciona el sitio,y si recargo la pagina me muestra el siguiente mensaje:
Citar
No se ha recibido ningún dato
y me da las opciones de cargar de nuevo, pero solo hasta despues de un rato (15-20 segundos) vuelve a funcionar y así sucede...tengo aprox unos 40 registros pero no me parecen mucho...
donde podria estar mi problema alguna idea?
saludos