Método jQuery load()

Métodos Ajax de jQuery

El método load() carga datos del servidor y coloca el HTML devuelto en el elemento seleccionado.

El método load() es la forma más sencilla de obtener datos del servidor. Es aproximadamente equivalente a $ .get(url, data, callback), excepto que es un método en lugar de una función global y tiene un callback implícito.

Método de solicitud:Si sedatosSe proporciona como objeto, se utiliza el método POST. De lo contrario, se asume GET.

Sintaxis:

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

Ejemplo

Carga el contenido del archivo ajax_intro.txt en el elemento DIV:

$("button").click(function(){
　　$("div").load("ajax_intro.txt");
});

Diferente de $ .get(), el método load() nos permite especificar una parte del documento remoto que se insertará:

$("button").click(function(){
　　$("div").load("/jquery/ajax_load.html #table");
});

Carga la página ajax_post.php y envía algunos otros datos:

$("button").click(function(){
　　let data = {fname:"Seagull", lname:"Anna"};
　　$("div").load("ajax_post.php", data);
});

Carga la página ajax_post.php, envía algunos otros datos y muestra un mensaje de estado de alerta:

$("button").click(function(){
　　let data = {fname:"Seagull", lname:"Anna"};
　　$("div").load("ajax_post.php", data, function(response, status){
　　　　alert(status);
　　});
});

Si la solicitud Ajax encuentra un error, muestra un aviso:

$("button").click(function(){
　　let data = {fname:"Seagull", lname:"Anna"};
　　$("#success").load("wrong_file.php", data, function(response, status, xhr){
　　　　if(status　==　"error"){
　　　　　　let　msg　=　"Disculpe, ha ocurrido un error:　";
　　　　　　$("#error").html(msg　+　xhr.status　+　"　"　+　xhr.statusText);
　　　　}
　　});
});

Valor del parámetro

Métodos Ajax de jQuery