Przerwij wszystkie żądania jQuery AJAX na całym świecie

Question

Czy istnieje sposób przerwania wszystkich żądań Ajax na całym świecie bez uchwytów obiektu żądania?

Powodem, dla którego pytam, jest to, że mamy dość złożoną aplikację, w której uruchamiamy wiele różnych żądań Ajax w tle za pomocą metody setTimeOut(). Jeśli użytkownik kliknie określony przycisk, musimy zatrzymać wszystkie bieżące żądania.

Answer 1

Trzeba zadzwonić abort() metoda:

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

Po tym można przerwać żądanie:

request.abort(); 

ten sposób trzeba utworzyć zmienną na żądanie ajax, a następnie można użyć metoda abort na tym, aby przerwać żądanie w dowolnym momencie.

mają również do obejrzenia:

• Aborting Ajax

Answer 2

Nie można przerwać wszystkie aktywne żądania Ajax, jeśli nie śledzi uchwyty do nich.

Ale jeśli go śledzisz, to tak, możesz to zrobić, wykonując pętlę za pomocą programów obsługi i dzwoniąc pod numer .abort().

Answer 3

Można użyć tego skryptu:

// $.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); 
     } 
    } 
}); 

sprawdzić wynik na http://jsfiddle.net/s4pbn/3/.

Answer 4

To odpowiedź na pytanie jest powiązany co pracował dla mnie:

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

Uwaga pierwsza linia gdzie @grr mówi: „Korzystanie ajaxSetup nie jest prawidłowa”

można dostosować jego odpowiedź, aby dodać własną funkcję do okna, jeśli chcesz ją nazwać samodzielnie, zamiast używać window.onbeforeunload, tak jak oni.

// 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); 

Następnie można zadzwonić pod numer window.abortAllMyAjaxRequests();, aby przerwać wszystkie. Upewnij się, że dodajesz .fail(jqXHRFailCallback) do żądań ajax. Callback dostanie „przerwać” jako textStatus więc wiesz, co się stało:

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