Hola, acabo de empezar con ajax, nose si te va a andar esto... pero bue, proba xD
Código:
function nuevoAjax(){
var xmlhttp=false;
try {
xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
} catch (E) {
xmlhttp = false;
}
}
if (!xmlhttp && typeof XMLHttpRequest!='undefined') {
xmlhttp = new XMLHttpRequest();
}
return xmlhttp;
}
function cargarContenido(){
var query, contenedor;
query=document.getElementById('query').value;
contenedor = document.getElementById('CONTENEDOR');
/*t2 = document.getElementById('INPUT').value;*/
ajax=nuevoAjax();
ajax.open("GET", "cargaContenido.php?query="+query,true);
ajax.onreadystatechange=function() {
if (ajax.readyState==4) {
if (ajax.status == 200)
{
var responser = ajax.responseText;
contenedor.innerHTML += (responser);
}
else
{
contenedor.innerHTML +="Error al procesar la solicitud";
}
}
else
{
contenedor.innerHTML += "Conectando...";
}
}
ajax.send(null)
}
Creo que asi estaria bien el ajax, el html sería un tanto asi
Código HTML:
<input type="text" name="busqueda" id="query"><br>
<input type="button" onclick="cargarContenido()">
<table>
<div id="contenedor>
</div>
</table>
Te qudaría hacer que cargaContenido.php se conecte a la db y escriba las filas y columnas.
Si me equivoque en alguna parte del código, disculpa, es todo con buenas intenciones :P