jQuery отказаться от всех выдающихся запросов AJAX

Question

Есть ли простой способ отказаться от всех выдающихся запросов JQuery AJAX? Мое приложение способно снимать много одновременных запросов, поэтому гонка становится проблематичной. Я включил хакерские решения (а именно, добавив флаг, который проверяется при завершении запроса), но было бы гораздо лучше получить глобальную остановку всех функций выдающихся запросов.

Answer 1

Присвоить каждый запрос Ajax в качестве элемента массива:

var requests = []; 

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

И убить:

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

Answer 2

Я бы сказал, хранить все запросы ajax в массиве. Когда вам нужно убить, просто проведите все значения в массиве и вызовите abort(). Когда запрос завершается или прерывается, просто выпадайте из массива.

Answer 3

Функция XMLHttpRequest имеет функцию abort(). $ .ajax позволяет вам получить доступ к объекту xhr. вести запись всех выдающихся xhr's и идти xhr.abort() для любого, что вы хотите прекратить.

Answer 4

, как другие говорили, использовать метод .abort(). Однако это ТОЛЬКО работает при вызовах в пределах одного домена. после того, как вы входите в межсайтовые вызовы (с jsonp), тогда метод .abort() делегируется null, поэтому обычно не срабатывает/работает.

стоит отметить, так как это вызвало у меня бесконечное время отладки много маленькая луна назад :)

Джима

Answer 5

на основе решения Кена Redler, я положил это в моей инициализации:

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 поставьте фрагмент с new_request_list, чтобы не допустить переполнения глобальной переменной с завершенными объектами XHR.

Answer 6

Я нашел следующее на jsfiddle. Он в основном такой же, как и выше, за исключением того, что он удалит каждый запрос после его завершения. Вышеприведенные решения просто добавляют к массиву. Поэтому со временем это может стать огромным, если вы делаете много вызовов ajax. Вы вызываете $.xhrPool.abortAll();, когда хотите отменить все невыполненные запросы.

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