Anular todas las solicitudes de jQuery AJAX globalmente

Question

¿Hay alguna forma de cancelar todas las solicitudes de Ajax globalmente sin un control en el objeto de solicitud?

La razón por la que pregunto es que tenemos una aplicación bastante compleja en la que estamos ejecutando una serie de solicitudes Ajax diferentes en segundo plano mediante el uso de setTimeOut(). Si el usuario hace clic en un botón determinado, debemos detener todas las solicitudes en curso.

Answer 1

es necesario llamar a abort() método:

var request = $.ajax({ 
    type: 'POST', 
    url: 'someurl', 
    success: function(result){..........} 
}); 

Después de que se puede abortar la solicitud:

request.abort(); 

De esta manera es necesario crear una variable para su solicitud Ajax y luego se puede utilizar el método abort para abortar la solicitud en cualquier momento.

también echar un vistazo a:

• Aborting Ajax

Answer 2

No se puede abortar todas las peticiones Ajax activos si no se realiza el seguimiento de las asas para ellos.

Pero si lo está siguiendo, entonces sí puede hacerlo, al pasar por sus manejadores y llamando al .abort() en cada uno.

Answer 3

Se puede utilizar esta secuencia de comandos:

// $.xhrPool and $.ajaxSetup are the solution 
$.xhrPool = []; 
$.xhrPool.abortAll = function() { 
    $(this).each(function(idx, jqXHR) { 
     jqXHR.abort(); 
    }); 
    $.xhrPool = []; 
}; 

$.ajaxSetup({ 
    beforeSend: function(jqXHR) { 
     $.xhrPool.push(jqXHR); 
    }, 
    complete: function(jqXHR) { 
     var index = $.xhrPool.indexOf(jqXHR); 
     if (index > -1) { 
      $.xhrPool.splice(index, 1); 
     } 
    } 
}); 

Compruebe el resultado en http://jsfiddle.net/s4pbn/3/.

Answer 4

Esta respuesta a una pregunta relacionada es lo que funcionó para mí:

https://stackoverflow.com/a/10701856/5114

Nota la primera línea donde el @grr dice: "El uso de ajaxSetup no es correcto"

Puede adaptar su Responda para agregar su propia función a la ventana si desea llamarlo usted mismo en lugar de usar window.onbeforeunload como lo hacen.

// Most of this is copied from @grr verbatim: 
(function($) { 
    var xhrPool = []; 
    $(document).ajaxSend(function(e, jqXHR, options){ 
    xhrPool.push(jqXHR); 
    }); 
    $(document).ajaxComplete(function(e, jqXHR, options) { 
    xhrPool = $.grep(xhrPool, function(x){return x!=jqXHR}); 
    }); 
    // I changed the name of the abort function here: 
    window.abortAllMyAjaxRequests = function() { 
    $.each(xhrPool, function(idx, jqXHR) { 
     jqXHR.abort(); 
    }); 
    }; 
})(jQuery); 

Luego puede llamar al window.abortAllMyAjaxRequests(); para abortarlas todas. Asegúrese de agregar un .fail(jqXHRFailCallback) a sus solicitudes de ajax. La devolución de llamada será 'abortar' como textStatus para que sepa lo que sucedió:

function jqXHRFailCallback(jqXHR, textStatus){ 
    // textStatus === 'abort' 
}