Ajax VI: Ejemplo práctico de XMLHttpRequest

0 - - 12/03/2006 00:00:00

En esta anotación voy a mostrar como cargar contenido 'on the fly' mediante AJAX. Cargar contenido dentro de un div sin tener que recargar toda la página. En la página principal, bajo el epígrafe '+ posts que te pueden interesar' puedes ver el funcionamiento. Para la carga, he utilizado una de las imágenes que mencioné en Gifs animados de Ajax "Loading". Las peticiones al servidor se hacen con XMLHttpRequest(), con lo que es muy conveniente haber leído Ajax V: Introducción a XMLHttpRequest.

Lo primero que necesitamos es crear una instancia del objeto XMLHttpRequest y una función que se encargará de incluir contenido en el div que le especifiquemos.


Para hacer uso de la función, lo podríamos hacer por ejemplo así:


A la función cargarFragmento, tenemos que pasar la url que queremos cargar (debe estar en el mismo dominio) y donde queremos cargar ese contenido. Aquí cada uno le podemos dar el uso que queramos. En mi caso lo que hago es cargar una página (post.php) a la que le paso el Id del post que ha de cargar. Así pues, en pot.php tengo algo como:

mysql_connect("localhost","usuario","password");
@mysql_select_db("database") or die( "Imposible seleccionar base de datos ");
$query="SELECT * FROM tabla WHERE TablaId=$IdPost LIMIT 1";
$result=mysql_query($query);
mysql_close();
$tablacomentario =mysql_result($result,0,"tablacomentario");
//ESCRIBIMOS LA ANOTACION
echo $tablacomentario;

En ASP se podría hacer de un modo similar. Este es un punto de partida para cargar de forma asíncrona contenido.

Deja tu comentario

  • El comentario debe estar relacionado con el contenido de la entrada.
  • Comentarios ofensivos, con spam o con lenguaje inapropiado serán eliminados.

captcha