destacados

Gabriel Da Silva

Portafolio del ilustrador y director de arte brasileño, aunque afincado en Madrid, Gabriel Da Silva.

B&W Helmut Newton

Selección de fotografías en blanco y negro de uno de los fotógrafos más conocidos de las últimas décadas, Helmut Newton.

Judith Erwes

Fotógrafa afincada en Londres con un estilo que combina la moda, el humor y la estética retro.

Jody Rogac

Nacida en Inglaterra y criada en Canadá, Jody Rogac en la actualidad vive y trabaja en Brooklyn. Sus trabajo ha obtenido diversos galardones.

Publicaciones

Ajax VI: Ejemplo práctico de XMLHttpRequest

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.

comentarioscomentarios