Как выполнить что-нибудь после серии ajax запросов

[AxMuha]

Извините, наверное, чайниковский вопрос...

Мне нужно сделать серию ajax запросов, а после того, как все они будут выполнены, выполнить следующий код.
Что-то не соображу, как это реализовать..

Пример:

let invoiceIds = [];
                $(".chkInvoice").each(function () {
                    
                    if ($(this).is(':checked')) {
                        let route = $(this).attr("route");
                        let driver = $(this).attr("driver");
                        let deliveryDate = $(this).attr("deliveryDate");
                        $.getJSON(`/myApi?route=${route}&driver=${driver}&deliveryDate=${deliveryDate}`, function (data) {
                            for (let invoice of data.Invoices) {
                                if (invoice.Status.toLowerCase() == "completed") invoiceIds.push(invoice.Id);
                            }
                        });
                    }
                });

Выше выполнение серии запросов (для каждого селектора) и только после выполнения всех запросов я должен что-нибудь сделать с массивом номеров счетов (invoiceIds)

Куда запрягать?

[laimas]

А сервер не может вернуть все записи диапазона от deliveryDate1 до deliveryDate2?

[AxMuha]

Сервер многое что может.. Вопрос же не в этом. А как в принципе решаются такие задачи?

А сервер не может вернуть все записи диапазона от deliveryDate1 до deliveryDate2?

[AxMuha]

Мне в голову приходит только вариант выполнять ajax запросы синхронно

[laimas]

А как в принципе решаются такие задачи?

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

Что такое deliveryDate? Если нужно запросить сервер по ряду конкретных значений, значит нужно отправить ему массив этих значений, а если диапазон, то два значения - мин/макс.

Если это параметры запроса к базе и это массив значений, то это будет один запрос к базе как WHERE field_name IN(N1, N2, N3, ..., Nn), если диапазон, то WHERE field_name BETWEEN N1 AND N2.

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

[AxMuha]

Спасибо, что хотите мне помочь. Но ситуации бывают разные, меня сейчас интересует вопрос по java script.
Синхронный вариант работает, но блокирует основной поток, что плохо.
У меня возникла идея, что можно сначала посмотреть, посмотреть, сколько элементов нужно будет обойти. Установить переменную с этим значением и в каждом вызове функции вычитать единичку. И соответственно проверять, как дошли до нуля - значит последний вызов и можно дернуть callback.
Но выглядит это все как-то не надежно...

В принципе гонять в цикле запросы к серверу, это плохо,

[рони]

AxMuha,
https://learn.javascript.ru/promise

[laimas]

У меня возникла идея

А других идей нет? Я ведь тоже говорю о JS, только не

$(".chkInvoice").each(function () {
    if ($(this).is(':checked')) {

а

$.map($(".chkInvoice:checked"), function ... //вернет массив значения выбранных флажков

Затем передать его асинхронным запросом на сервер, а далее сделать один надлежащий запрос к базе и вернуть также только то что нужно - индексный массив значений ID, то есть и этого не потребуется на клиенте:

if (invoice.Status.toLowerCase() == "completed") invoiceIds.push(invoice.Id);

у вас уже будет готовый массив, используйте.

Кроме этого сервер и при формировании страницы его может прописать эти данные в тело ее как js-объект и вообще запроса не потребуется. Вы что к серверу доступа не имеете или какая проблема, почему такими граблями пытаетесь решать задачу?

[AxMuha]

Спасибо, Рони.
Похоже, это как раз то, что мне нужно

AxMuha,
https://learn.javascript.ru/promise