jQuery load() Método
O jQuery load() é um método simples, mas poderosa AJAX.
Os load() de dados método carrega a partir de um servidor e coloca os dados retornados para o elemento selecionado.
Sintaxe:
$(selector).load(URL,data,callback);
O parâmetro URL necessário especifica a URL que você deseja carregar.
O parâmetro de dados opcional especifica um conjunto de querystring pares de chave / valor para enviar junto com a solicitação.
O parâmetro de retorno opcional é o nome de uma função a ser executada depois da load() método é concluído.
Aqui está o conteúdo do nosso arquivo de exemplo: "demo_test.txt" :
<h2>jQuery and AJAX is FUN!!!</h2>
<p id="p1">This is some text in a paragraph.</p>O exemplo a seguir carrega o conteúdo do arquivo "demo_test.txt" em um determinado <div> elemento:
É também possível adicionar um selector jQuery para o parâmetro de URL.
O exemplo a seguir carrega o conteúdo do elemento com id="p1" , dentro do arquivo "demo_test.txt" , em um específico <div> elemento:
O parâmetro callback opcional especifica uma função callback para executar quando o load() método é concluída. A função de retorno de chamada pode ter diferentes parâmetros:
- responseTxt - contém o conteúdo resultante se a chamada for bem-sucedido
- statusTxt - contém o estado da chamada
- xhr - contém o XMLHttpRequest objeto
O exemplo a seguir exibe uma caixa de alerta após o load() método for concluído. Se o load() método foi bem sucedido, ele exibe "External content loaded successfully!" , E se ele falhar, ele exibe uma mensagem de erro:
Exemplo
$("button").click(function(){
$("#div1").load("demo_test.txt", function(responseTxt, statusTxt, xhr){
if(statusTxt == "success")
alert("External content loaded successfully!");
if(statusTxt == "error")
alert("Error: " + xhr.status + ": " + xhr.statusText);
});
}); Tente você mesmo " jQuery AJAX Referência
Para uma visão completa de todos os métodos jQuery AJAX, por favor, vá ao nosso jQuery AJAX Referência .