jquery :: ajaxStop() versus jquery :: ajaxComplete()

Question

Cuál se utilizará en ese momento.

En la documentación sobre http://api.jquery.com/:

Para ajaxStop() que dice:

Descripción: El registro de un manejador a ser llamado cuando todas las peticiones Ajax han completado. Este es un Evento Ajax.

Y para el ajaxComplete() que dice:

Descripción: registrar un controlador que se llamará cuando peticiones Ajax completa. Este es un Evento Ajax.

Por lo que puedo ver ajaxComplete() es más flexible debido a:

Todos los manipuladores ajaxComplete se invocan, independientemente de lo que se completó petición Ajax. Si debemos diferenciar entre las solicitudes, podemos usar los parámetros pasados ​​al controlador. Cada vez que se ejecuta un controlador ajaxComplete, se pasa el objeto de evento, el objeto XMLHttpRequest y el objeto de configuración que se utilizó en la creación de la solicitud.

¿Puede alguien explicar para qué sirve cada uno y el uso apropiado de cada uno? En una aplicación que construí recientemente, confié en ajaxStop() para disparar cuando terminaron mis llamadas ajax. Entonces analizaría los datos devueltos para el resultado de la operación del lado del servidor. Ahora estoy empezando a preguntarme si debería haber usado ajaxComplete() en su lugar o una combinación de ambos para diversas situaciones.

Se agradecen los pensamientos.

Answer 1

Bueno, la versión corta es que sirven para diferentes propósitos, por lo que la respuesta sería "una combinación de ambos para diversas situaciones" opción. Las reglas básicas son:

• .ajaxComplete() - tiene una duración de cada petición que completa, utilice esta opción cuando desee hacer algo con cada solicitud/resultado. Tenga en cuenta que esto no reemplaza el controlador success, ya que los datos analizados no son uno de los argumentos (y se ejecuta incluso cuando hay un error) - en su lugar, puede querer .ajaxSuccess() en algunas situaciones por solicitud.
• .ajaxStop() - se ejecuta cuando cada lote de solicitudes completa, por lo general tendrá que utilizar esto en combinación con .ajaxStart() para cosas como mostrar/ocultar un "Cargando ..." indicador de algún tipo - o para hacer otra cosa una vez El lote de solicitudes AJAX finaliza, como un último paso maestro.

Si está usando esto para analizar sus datos, es probable que haya una mejor manera, en este caso $.ajaxSetup(), donde se puede especificar un manejador de success que obtiene los datos analizados ya-(por ejemplo, las respuestas JSON serán objetos) , como este:

$.ajaxSetup({ 
    success: function(data) { 
    //do something with data, for JSON it's already an object, etc. 
    } 
}); 

Answer 2

ajaxComplete se llama siempre que finalice una solicitud de Ajax, ya sea con éxito o con un error.

ajaxStop se llama cuando todos solicitudes ajax completas. Por lo tanto, a diferencia de ajaxComplete, no se llamará si todavía hay una solicitud en progreso.

Debe usar la primera si la operación que desea realizar debe realizarse para cada solicitud de Ajax.

Answer 3

En general, desea utilizar ajaxComplete. Esto se debe a que ajaxStop solo se activará cuando ya no haya más solicitudes ajax esperando a volver. Esto puede no parecer diferente cuando está enviando una solicitud ajax a la vez, pero imagine que la red se ralentizó después de enviar la solicitud A y, cuando la solicitud B se envía 5 segundos después, regresa antes que la solicitud A ... .Entonces ajaxStop solo se activará una vez después de que la solicitud A devuelva, mientras que ajaxComplete se activará en ambas ocasiones.

La situación en la que usaría ajaxStop es cuando envía varias solicitudes de ajax de una vez ... p. para enviar una serie de 3 formularios ... y desea recibir una notificación cuando los 3 se completen correctamente. Por supuesto, se puede conseguir la misma funcionalidad con un contador dentro ajaxComplete

Sin embargo, a partir de los sonidos de su pregunta ... desea analizar los datos de cada respuesta Ajax ... normalmente esto se haría en el devolución de llamada de éxito ajax, por ejemplo

$.ajax({ 
    url: "blah", 
    data: "blah", 
    success: function (data) { /* Code in here */ } 
});