jQuery porzucenie wszystkich zaległych żądań AJAX

Question

Czy jest jakiś łatwy sposób, aby zrezygnować z wszystkich zaległych żądań AJAX jQuery? Moja aplikacja jest w stanie wyciągnąć wiele równoczesnych żądań, więc wyścig staje się problematyczny. Wprowadziłem hackowe rozwiązania (mianowicie umieszczenie flagi, która jest sprawdzana po zakończeniu żądania), ale byłoby znacznie ładniej, aby uzyskać globalne zatrzymanie wszystkich zaległych zleceń.

Answer 1

Przypisywanie każdy ajax żądanie jako element tablicy:

var requests = []; 

requests.push($.ajax({ 
    type: 'POST', 
    url: '...', 
    success: successfunc 
    }); 
); 

I zabić:

$.each(requests, function(i, v) { 
    v.abort(); 
}); 

Answer 2

Powiedziałbym przechowywać wszystkie żądania ajax w tablicy. Kiedy musisz zabić, po prostu przeprowadź pętlę przez wszystkie wartości w tablicy i wywołaj abort(). Gdy żądanie zostanie zakończone lub przerwane, po prostu wyskocz z tablicy.

Answer 3

XMLHttpRequest ma funkcję abort(). $ .ajax pozwala uzyskać dostęp do obiektu xhr. zachowaj rejestr wszystkich zaległych Xhr i przejdź xhr.abort() dla każdego, który chcesz zakończyć.

Answer 4

jak mówili inni, użyj metody .abort(). Jednak TYLKO działa na połączenia w tej samej domenie. gdy wchodzisz w połączenia międzymiejscowe (z jsonp), wtedy metoda .abort() jest delegowana do wartości null, więc w rzeczywistości nie uruchomi się.

Warto zauważyć, jak to sprawiało mi niekończące czas debugowania wiele mały księżyc temu :)

jim

Answer 5

oparciu o rozwiązania Kena Redler jest, kładę to w moim inicjalizacji:

window.requests = [] 
$.ajaxSetup({ 
    beforeSend: function(xhr){ 
    var new_request_list = [xhr] 
    $.each(window.requests, function(k,v){ 
     if(v.readyState != 4) new_request_list.push(v) 
    }) 
    window.requests = new_request_list 
    } 
}) 

I wstawić fragment kodu z new_request_list tylko po to, aby zmienna globalna nie była wypełniona wypełnionymi obiektami XHR.

Answer 6

Znalazłem na jsfiddle. Jest to w większości takie samo, jak powyżej, z wyjątkiem tego, że usunie wszystkie żądania po ich ukończeniu. Powyższe rozwiązania tylko dodają do tablicy. Więc z biegiem czasu może stać się ogromna, jeśli wykonujesz wiele wywołań ajaxowych. Dzwonisz pod numer $.xhrPool.abortAll();, gdy chcesz przerwać wszystkie zaległe żądania.

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