Заблокированные и ожидающие запросы ajax от JQuery в Chrome

Ответ 1

Я наткнулся на ту же проблему. Как только я отключился:

Использование службы прогнозирования для более быстрой загрузки страниц

Go Дополнительные настройки → Конфиденциальность → ca. 3rd checkbox, все приступило к работе так, как должно быть. Я не смог воспроизвести ошибку.

Полтер jquery/ajax отлично работает в Firefox. Это только Chrome - проверено на Linux и Windows.

Это не идеальное решение, так как оно не повлияет на пользователей в глобальном смысле, но, возможно, вы находитесь в той же ситуации, что и я - ограниченная аудитория.

Ответ 2

Вы можете попробовать это.

СЕЙЧАС ОБНОВЛЕНО С ФАКТИЧЕСКИМ РАБОЧИМ КОДОМ

(использовал некоторый код часового пояса, чтобы оправдать ссылки на часовой пояс)

Сначала инициализируйте массивы и запустите логику подсчета запросов

var request = ( typeof request != 'undefined' && request instanceof Array ) ? request : [];
var pendingAjax = ( typeof pendingAjax != 'undefined' && pendingAjax instanceof Array ) ? pendingAjax : [];

Используйте . ajaxStart и . ajaxStop, чтобы отслеживать активных запросов.

var ajaxActive = 0;
$( document ).ajaxStart(function() {
  ajaxActive++;
  document.ajaxQueueFull = ajaxActive > 5;
});
$(document).ajaxStop(function() {
  ajaxActive--;
  document.ajaxQueueFull = ajaxActive > 5;
}

Создать функцию для создания новых запросов

    function ajaxRequestNew(t, u, d, s) {

        var instance = request.length + 1;
        request[instance] = $.ajax({
            method: t,
            url: u,
            data: {ajaxPost: d },
            success: s
        });
        return instance;
    }

Теперь создайте свой запрос, получив возвращаемый номер экземпляра

    var instance = ajaxRequestNew('POST', 
                                  'js/ajax_timezone.php', 
                                  { ajaxAction : "ajaxGetTimezone", 
                                    tzoffset : "0", 
                                    tztimezone: "America/New_York" },
                                    function(data) {  }
    );

Функция $.ajax() возвращает объект XMLHttpRequest. Поэтому мы используем цикл while для проверки того, когда наш аякс фактически отправляется и прерывает другие активные запросы, если запрос застопорился.

    while(request[instance] === null || (request[instance].readyState < 1 || request[instance].readyState > 4)) {
        if (document.ajaxQueueFull) {
            //abort existing requests
            $.each(request, function(i,v) {
                if (i !== instance) {
                    request[i].abort();
                }
            });
        }
    }

Вставьте ваш запрос в стек

    pendingAjax.push(request[instance]);

Создайте обратные вызовы для вашего запроса

  var timezoneFailCallback = function(data) {
        console.log('fail');
        console.dir(data);
    };

    var timezoneSuccessCallback = function(data) {
        console.log('success');
        console.dir(data);
    };

использовать, когда применять обратные вызовы

    $.when.apply($, pendingAjax).done( timezoneSuccessCallback ).fail( timezoneFailCallback);

Для вашего приложения может потребоваться небольшая настройка, но, надеюсь, вы получите эту идею. Дайте знать, если у вас появятся вопросы.