Método jQuery load()

Métodos AJAX do jQuery

O método load() carrega dados do servidor e coloca o HTML retornado no elemento selecionado.

O método load() é a maneira mais simples de obter dados do servidor. Ele é aproximadamente equivalente a $.get(url, data, callback), exceto que é um método em vez de uma função global e possui um callback implícito.

Método de solicitação:Se você estiver a usardataSe fornecido como objeto, use o método POST. Caso contrário, é assumido como GET.

Sintaxe:

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

Exemplo

Carregar o conteúdo do arquivo ajax_intro.txt no elemento DIV:

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

Diferente de $.get(), o método load() nos permite especificar uma parte do documento remoto a ser inserida:

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

Carregar a página do arquivo ajax_post.php e enviar alguns outros dados:

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

Carregar a página do arquivo ajax_post.php, enviar alguns outros dados e exibir uma mensagem de estado de alerta:

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

Se o pedido AJAX encontrar um erro, mostre uma notificação:

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

Valor do Parâmetro

Métodos AJAX do jQuery