Como hacer tabla dinamica en ajax

[Artificium]

De acuerdo, te daré un ejemplo que tal vez no hayas visto. A lo mejor has visto algo así:

Código:

        var ajax = getHttpRequest();
		
	var url = 'procesador.php?tabla=1'+Math.random(); 
	ajax.open('GET', url, false);
	return ajax.onreadystatechange = function() {
		if (ajax.readyState == 4) {
			document.getElementById('divTabla').innerHTML = ajax.responseText;
		}
	}
	ajax.send(null);

Ahora el código de procesador.php

Código:

if (isset($_GET['tabla'])) {
  include('funciones');
  imprime_tabla();
}

La función imprime_tabla obviamente es la que se encarga de hacer la consulta sql e imprimir, es prácticamente todo el código donde haces eso. Pero lo he puesto en otro archivo por que también debes hacer un include en el archivo donde hasta ahora mostrabas la tabla y ejecutar esa función para mostrarla. De este modo al cargar la página aparecerá la tabla y no hará falta ejecutar ninguna función ajax.

Falta un dato, debes usar en JavaScript el método setInterval para ejecutar la función ajax que recargue la tabla, de este modo automáticamente cada cierto tiempo se hará la recarga. Espero que te sirva.