Как запретить одновременное выполнение запросов по одному адресу?

Question

[Hitsuzen]

Необходимо запретить одновременное выполнение нескольких ajax-запросов по 1 адресу и если во время выполнения 1 запроса нужно сделать ещё 2 - чтобы он вставал в очередь и выполнялся после завершения выполнения 1 запроса. Как обычно это делают "белые люди"?

Answer 1

[Константин Китманов]

Обернуть $.ajax в свою обертку, которая будет контролировать эти вещи (ставить запросы в очередь, если предыдущий еще не выполнился), и делать ajax только через нее.

Comments

[Hitsuzen]

Меня как раз интересует каким именно образом ставится запрос в очередь? Какие объекты и функции jquery используются при этом?

[Константин Китманов]

Hitsuzen: берете параметры, с которыми был вызван $.ajax, и кладете их в массив. Когда любой запрос завершается, смотрите, есть ли в этом массиве что-то, и если да, то берете первый его элемент и на основе данных в нем отправляете запрос.

[Hitsuzen]

Константин Китманов: А как на счёт deffered объектов? Стоит их использовать тут?

[Константин Китманов]

Hitsuzen: не вижу, как тут помогут промизы, если честно.

[Евгений Петров]

Hitsuzen: При вызове ajax у вас уже создан Deferred объект. Именно поэтому вам доступны done(), fail() etc. Так что вы априори его используете.

Answer 2

[Денис Инешин]

Это можно сделать примерно так, используя очередь (демо код):

var queue = [], // тут храним очередь
    active = false; // тут храним инфу об активности

// наша обертка над методом $.ajax
var myAjax = function (config) {
    queue.push(config); // конфиг аякс-запроса кладем в конец очереди
    nextInQueue(); // вызываем следующий элемент в очереди
};

// отправляем запрос
var nextInQueue = function () {
    if (active) {
        return; // если в данный момент идет запрос, то ничего не делаем
    }
    
    active = true; // ставим флаг что запрос активен
    
    // если очередь опустела, ничего не делаем
    if (!queue.length) {
        active = false;
        return;
    }

    // получаем первый элемент очереди
    var current = queue.shift();

    // сам аякс запрос, данные берем из конфига current
    $.ajax({
        url: current.url,
        data: current.data,
        success: function () {
            active = false; // ставим флаг что запрос завершен
            nextInQueue(); // вызываем следующий элемент в очереди
        }
    });
};

// Запрос 1
myAjax({
    data: "1"
});

// Запрос 2
myAjax({
    data: "2"
});

// Запрос 3
myAjax({
    data: "3"
});