funcion $.load() de jQuery

Se utiliza básicamente para cargar una página (del mismo sitio o externa) dentro de una capa de nuestra página web. La sintaxis de su uso general es la siguiente:

.load( url, [ data ], [ complete(responsEnlaceeText, textStatus, XMLHttpRequest) ] )

url: Una cadena de caracteres que contiene la URL del archivo que se envía.

data: Una cadena de caracteres que contiene la respuesta del servidor.

complete: (responseText, textStatus, XMLHttpRequest) Una funcion que se ejecuta cuando la solicitud se completó.

Es un método muy simple para consultar datos de un servidor. Es equivalente al $.get() aunque tiene sus diferencias, que posteriormente analizaremos.

El ejemplo más simple, sin envío de parámetros es el siguiente:

$("#divContenido").load("articulos.php");

Esa simple instrucción, carga la página articulos.php dentro de la capa con el id="divContenido". Lo ideal es meter esta instrucción dentro de una función que reciba como parámetros el div en el que se va a cargar la página y la página que se quiere cargar, algo que quedaría así.

function cargarSinParametros(div,pagina){
$("#"+div).load(pagina);
}

esa función se puede mandar llamar por ejemplo desde un evento onClick, de la siguiente manera:

onclick="cargarSinParametros('divContenido','articulos.php');"

También se pueden enviar parámetros, en este caso voy a seguir la documentación de jQuery con el mismo ejemplo enviando un arreglo:

$("#divContenedor").load("articulos.php", { 'articulos[]': ["camisetaTMCG022", "camisetaTGCG150"] } );

Funciona de la misma manera que en el ejemplo anterior, y también se puede crear una función que reciba como parámetros la capa donde se cargará la página, la página que se desea cargar y los parámetros que se desean enviar.

Para terminar la entrada al blog del día de hoy, a continuación les moestraré el ejemplo para cargar una página dentro de un div (capa) utilizando jQuery por medio de la función .load pero pasandole un parámetro por POST y utilizando la función de retorno, la cual se ejecutará después de obtener la respuesta del servidor:

$("#divContenedor").load("articulos.php", {numArticulos: 10}, function(){
alert("Los ultimos 10 articulos se han cargado");
});

Si tienen alguna duda no duden en consultar la documentación de jQuery para obtener otros ejemplos, o bien también pueden dejar su comentario aqui mismo y trataré de responderles a la brevedad posible.

Fuente: http://api.jquery.com/load/