domingo, 5 de junio de 2011

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/

Se produjo un error en este gadget.

Etiquetas

INTERNET (457) newsweek (305) SEGURIDAD (225) software (136) HACK (86) Hacker (46) GOOGLE (44) Geek (41) hardware (36) WINDOWS (34) Hackers (31) CRACK (29) video (28) DESCARGA (27) facebook (27) videos (26) Celulares (25) MICROSOFT (22) Informatica (21) apple (19) GRATIS (18) technology (18) virus (18) exploit (17) computación (16) informatico (16) web (15) cracker (14) INALAMBRICO (13) WINDOWS 7 (13) noticias (11) MSN (10) termino (10) ACTUALIZACION (9) Gamer (9) LapTops (9) Mac (9) PASSWORD (9) WINDOWS XP (9) dns (9) firefox (9) juegos (9) FOTOS (8) cientifico (8) iphone (8) WEP (7) antivirus (7) bibliografia (7) Desencriptar (6) INFINITUM (6) wifi (6) youtube (6) Craker (5) Culiacan (5) DESMOSTRACION (5) TELEFONIA (5) messenger (5) DIRECTA (4) DOWNLOAD (4) ESPAÑOL (4) XBOX (4) gmail (4) xss (4) Glosario (3) HTML (3) WPA (3) anuncios (3) hosting (3) hotmail (3) Guru (2) ajax (2) ataques (2) wpa2 (2)