Blog Reacción Estudio

¡Tu zona de aprendizaje!

Cargar contenido a un Div con Ajax desde jQuery

Utilizando jQuery podemos cargar el contenido de un archivo en un div con unas pocas líneas de código.

Para ello primero tenemos que cargar la librería jQuery, podemos hacerlo utilizando la librería de Google:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>

Y ahora creamos la función:

function cargarDiv(div,url)
{
	$(div).load(url);
}

«La variable div» es la referencia del DIV donde vamos a cargar el archivo.

Para utilizar la función hacemos lo siguiente:

cargarDiv("#contenido","archivo.php");

«#contenido» como ya sabemos es el DIV donde cargará el contenido del archivo «archivo.php«.