jQuery $ .ajax y readyStates

Question

Cómo llamar a los estados listos para Ajax en el método jQuery $.ajax?

Answer 1

$.ajax() devuelve el objeto XMLHttpRequest, por lo que si realmente desea acceder a él como los cambios de estado, se puede hacer esto:

var xhr = $.ajax({ ... }); 
xhr.onreadystatechange = function() { alert(xhr.readyState); }; 

Pero las devoluciones de llamada incorporados deben ser todo lo que necesita para la mayoría usos, particularmente success y complete.

para hacer las cosas antes de los disparos de solicitud, utilice beforeSend, o más apropiadamente para la mayoría de los casos, los .ajaxStart() y .ajaxStop() eventos ... por ejemplo, para mostrar un mensaje de carga cada vez que cualquier actividad Ajax está pasando.

Answer 2

Usted debe ser capaz de conseguir todo lo que necesita mediante el establecimiento de llamadas para las success, error, y complete opciones en el objeto se pasa al método ajax(). Echar un vistazo a la documentación:

http://api.jquery.com/jQuery.ajax/

Básicamente, funciona así:

$.ajax({ 
    url: 'ajax/test.html', 
    success: function(data) { 
     alert('Load was performed.'); 
    }, 
    error: function() {alert("error occurred.")}, 
    complete: function() {alert("ajax complete.")} 
}); 

se puede ver la documentación de exactamente qué parámetros se tiene acceso a las funciones de devolución de llamada.

Answer 3

método, probado con jQuery 2.0.2:

$.ajax({ 
    beforeSend: function (jqXHR, settings) { 
     var self = this; 
     var xhr = settings.xhr; 
     settings.xhr = function() { 
      var output = xhr(); 
      output.onreadystatechange = function() { 
       if (typeof(self.readyStateChanged) == "function") { 
        self.readyStateChanged(this); 
       } 
      }; 
      return output; 
     }; 
    }, 
    readyStateChanged: function (xhr) { 
     if (xhr.readyState == 1) { 
      /* Connected! Do something */ 
     } 
    }, 
    url: "..." 
}); 

Básicamente, lo que necesitaba era una devolución de llamada después se convierte en readyState1 (conectado), que, en mi caso, era útil en la aplicación de sondeo largo "push "notificaciones con jQuery.