jQuery - Método load() de AJAX

Método load() de jQuery

El método load() de jQuery es un método AJAX simple pero potente.

El método load() carga datos desde el servidor y coloca los datos devueltos en el elemento seleccionado.

Sintaxis:

$(selector).load(URL,data,callback);

RequeridoURLEl parámetro especifica la URL que desea cargar.

OpcionaldataEl parámetro especifica un conjunto de pares clave/valor de la cadena de consulta que se envían junto con la solicitud.

OpcionalcallbackEl parámetro es el nombre de la función que se ejecuta cuando se completa el método load().

Este es el contenido del archivo de ejemplo ("demo_test.txt"):

<h2>¡jQuery AJAX es una característica increíble!</h2> <p id="p1">Este es algo de texto del párrafo.</p>

El siguiente ejemplo cargará el contenido del archivo "demo_test.txt" en el elemento <div> especificado:

Ejemplo

$("#div1").load("demo_test.txt");

Pruébalo »

También se puede agregar un selector de jQuery al parámetro URL.

El siguiente ejemplo carga el contenido del elemento con id="p1" del archivo "demo_test.txt" en el elemento <div> especificado:

Ejemplo

$("#div1").load("demo_test.txt #p1");

Pruébalo »

El parámetro opcional callback especifica la función de callback que se ejecutará cuando se complete el método load(). La función de callback puede tener diferentes parámetros:

  • responseTxt- Contiene el contenido del resultado cuando la llamada es exitosa.
  • statusTXT- Contiene el estado de la llamada.
  • xhr- Contiene el objeto XMLHttpRequest.

El siguiente ejemplo mostrará un cuadro de aviso después de que se complete el método load(). Si el método load() se ha realizado correctamente, mostrará "¡Contenido externo cargado con éxito!", y si falla, mostrará un mensaje de error:

Ejemplo

$("button").click(function(){ $("#div1").load("demo_test.txt",function(responseTxt,statusTxt,xhr){ if(statusTxt=="success") alert("¡Contenido externo cargado con éxito!"); if(statusTxt=="error") alert("Error: "+xhr.status+": "+xhr.statusText); }); });

Pruébalo »
Otras extensiones