Eventos AJAX de jQuery

Una solicitud AJAX produce muchos eventos diferentes que se pueden suscribir.

Tipos de eventos de AJAX

Hay dos tipos de eventos de AJAX:

• Eventos locales

• Eventos globales

Eventos locales de AJAX

Los eventos locales de AJAX son callbacks que se pueden suscribir en el objeto de solicitud AJAX.

Puede escuchar eventos locales de AJAX de la siguiente manera:

$.ajax({
　　beforeSend: 	function(){
　//　Evento beforeSend
　　},
　　error: 	function(){
　//　Evento de procesamiento de error
　　},
　　success: 	function(){
　//　Evento de procesamiento exitoso
　　},
　　complete: 	function(){
　//　Evento de procesamiento completado
　　}
});

Hay cuatro eventos locales de AJAX:

• beforeSend-Funciones que se ejecutan antes de enviar la solicitud

• error -Función que se ejecuta si la solicitud falla

• éxito -Funciones que se ejecutan cuando la solicitud tiene éxito

• completado-CompletadoFunciones que se ejecutan después de la solicitud (después de las funciones de éxito y error)

Eventos globales de AJAX

Los eventos globales de AJAX se activan en el documento, invocando cualquier programa de escucha que esté en espera.

Puede escuchar eventos globales de AJAX de la siguiente manera:

$("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);
});

Hay seis eventos globales de AJAX:

• ajaxComplete() -Agregar una función a llamar cuando se complete la solicitud AJAX

• ajaxError() -Agregar una función a llamar cuando la solicitud AJAX se complete y se adjunte un error

• ajaxSend() -Agregar una función a llamar antes de enviar la solicitud AJAX

• ajaxStart() -Agregar una función a llamar antes de que comience la primera solicitud AJAX

• ajaxStop() -Agregar una función a llamar después de que se completen todas las solicitudes AJAX

• ajaxSuccess() -Agregar una función a llamar cuando la solicitud AJAX se complete con éxito

Referencia de AJAX de jQuery

Para obtener una referencia completa de los métodos AJAX, visite nuestraReferencia de AJAX de jQuery.