Eventos AJAX do jQuery

Uma solicitação AJAX gera muitos eventos diferentes que você pode inscrever.

Tipos de eventos do AJAX

Existem dois tipos de eventos do AJAX:

• Eventos locais

• Eventos globais

Eventos locais do AJAX

Os eventos locais do AJAX são callbacks que podem ser inscritos no objeto de solicitação AJAX.

Você pode ouvir eventos locais do AJAX assim:

$.ajax({
　　beforeSend: function(){
　//　Tratar evento beforeSend
　　},
　　error: function(){
　//　Tratar evento de erro
　　},
　　success: function(){
　//　Tratar evento de sucesso
　　},
　　complete: function(){
　//　Tratar evento completo
　　}
});

Existem quatro eventos locais do AJAX:

• beforeSend-Função a ser executada antes de enviar a solicitação

• error -Função a ser executada se a solicitação falhar

• success -Funções a serem executadas quando a solicitação for bem-sucedida

• complete-ConcluídoFunções a serem executadas após a solicitação (depois de funções de sucesso e erro)

Eventos globais do AJAX

Os eventos globais do AJAX são acionados no documento, chamando qualquer manipulador que esteja escutando.

Você pode ouvir eventos globais do AJAX assim:

$("button").click(function(){
　　$("#result").load("ajax_intro.txt");
});
$(document).ajaxComplete(function(event,　xhr,　options){
　　$("#done").append(options.url);
　　$("#done").append(xhr.status);
　　$("#done").append(event.type);
});

Existem seis eventos globais AJAX:

• ajaxComplete() -Função a ser chamada quando a solicitação AJAX for concluída

• ajaxError() -Função a ser chamada quando a solicitação AJAX for concluída com erro

• ajaxSend() -Função a ser chamada antes de enviar a solicitação AJAX

• ajaxStart() -Função a ser chamada antes do início da primeira solicitação AJAX

• ajaxStop() -Função a ser chamada após a conclusão de todas as solicitações AJAX

• ajaxSuccess() -Função a ser chamada quando a solicitação AJAX for concluída com sucesso

Referência AJAX do jQuery

Para referência completa dos métodos AJAX, acesse nossoReferência AJAX do jQuery.