Как на jQuery выполнить функцию после нескольких AJAX запросов?

Question

[Сергей Кореневский]

jQuery.when( jQuery .ajax(...), jQuery .ajax(...), jQuery .ajax(...), ... ).then(function(){/* тут код последней функции*/});

Как выполнить функцию после всех AJAX запросов?

Вначале есть только массив, в переборе для каждого элемента выполняется AJAX:

jQuery('ul > li').each(
      function(element){
            jQuery 
                   .ajax({/*... for element*/})
                   .done(function(data){/*...*/}); 
});

Количество LI элементов заранее не известно, поэтому выполнять функцию WHEN с определенным количеством аргументов нет возможности.
Как выполнить в конце функцию после AJAX запросов исключительно этих выполненных элементов?

Answer 1

[0xD34F]

Количество LI элементов заранее не известно, поэтому выполнять функцию WHEN с определенным количеством аргументов нет возможности.

Согласиться с подобным утверждением - вот с чем нет возможности:

$.when(...$('li').get().map(n => $.ajax())).then(/* выполняйте, чо там вам надо */);

Comments

[Сергей Кореневский]

три точки в параметрах это не сокращение а множественный аргумент?

[0xD34F]

Сергей Кореневский, spread.

[Сергей Кореневский]

0xD34F, Еще маленькая консультация. Почитал про метод $.get() без параметров. Написано что возвращает просто массив.
Не понятно зачем возвращать массив если $().map() вроде и так работает без get().

[Сергей Кореневский]

А могу ли я в лямда функции в MAP дописать выполнение методов .done() и .fail()?

$.when(...$('li').get().map(n => $.ajax().done(..).fail(..))).then(/* выполняйте, чо там вам надо */);

[Сергей Кореневский]

0xD34F, Спасибо большое, разобрался .get() возвращает массив объектов DOM.
PS Вы настоящий ГУРУ. :)

[0xD34F]

Сергей Кореневский,

Не понятно зачем возвращать массив если $().map() вроде и так работает без get().

Этим map'ом стараюсь лишний раз не пользоваться - у него порядок параметров другой, сначала индекс, потом элемент. Бесит.

А могу ли я...

Попробуйте, узнаете.

[Сергей Кореневский]

0xD34F, В консоли я тестирую методы ajax, визуально типы возвращаемых методов ajax() и done() вроде бы одинаковые. Должно работать. Повторю еще раз Вы настоящий ГУРУ.
.
Поддерживаю про .get(). Я где то читал и сам придерживаюсь, программирование переборов массивов при помощи индексов это плохой тон. типа увеличить индекс на 1 а потом сделать проверку на отсутствие элемента в массиве, чтобы сделать брейк. поэтому также считаю что функция с массивом вначале должна возвращать элемент, а остальное опционально.

[0xD34F]

Сергей Кореневский,

Повторю еще раз Вы настоящий ГУРУ.

Вот эти вот азиатские славословия... НЕ НАДО.

[Сергей Кореневский]

0xD34F,

$.when(...$('li').get().map(() => $.ajax(/* this*/)));

Разработчики jQuery наверно думали о том что первым параметром в функциях есть смысл делать индекс лишь потому что THIS в функции всегда является самим элементом, поэтому принимать 2 параметра нет смысла для красоты кода, так как всегда есть THIS.
.
Дайте совет пожалуйста.

$.when(...$('li').map(a => $.ajax().done()) ) .then(/* Последняя функция */);
$.when(...$('li').map(a => $.ajax().done()) ) .done(/* Последняя функция */);

Последняя функция выполняется в последнюю очередь после всех AJAX. Отлично, но вот параметр и контекст возвращает первый элемент первого аякса.
Совсем нет возможности получить массив deferred-объектов в одной из последней функции?

Answer 2

[twobomb]

Добавь переменную счетчик равную количеству этих самых ajax запросов.
Типа
var _ajaxLoaded = $('ul > li').length;
создай в функцию типа

function checkLoaded(){
     if(--_ajaxLoaded <= 0){
         //все аяксы выполнены
     }else{
        //Осталось выполнить _ajaxLoaded аяксов...
      }
}

Ну и вызывай эту функцию в каждом done

....done(function(data){
/*...*/
checkLoaded();
});