Слушатель множественных вызовов Ajax

Question

У меня есть таблица, которая получает данные из 10 различных источников, часть информации довольно тяжелая (я сохраняю объект, щелкнув по таблице, можно получить дополнительную информацию).Я пытался показать страницу только после завершения загрузки всей информации.Мой подход состоял в том, чтобы связать вызовы ajax, создав 10 функций, а затем связав их вместе, используя .then ().Он работает нормально, но значительно увеличивает время загрузки, поскольку теперь каждая функция ожидает решения другой.Меня это не волнует, все, что мне нужно, это знать, когда все вызовы сделаны (в порядке w / e), и выполнять мои функции форматирования, скрывать модальные загрузки и т. Д.

Любые идеи о том, как это сделатьосуществимо?

Обновлено: вот код:

$(function () {
$('#indicator').modal('show')
firstCall().then(secondCall).then(thirdCall).then(forthCall).then(fifthCall)
.then(sixthCall).then(seventhCall).then(eighthCall).then(ninthCall).then(tenthCall).then(function(){
format();
$('#indicator').modal('hide');
})})

, и это пример одиночного вызова функции:

function secondCall() {
return $.ajax({
    data: { executive: true, ex_name: 'Last_name, First_name' },
    success: function (data) {
        populate(arrange(data));
    }
})

Answer 1

Я нашел ответ, основываясь на ваших ответах. Он заставил меня задуматься о «когда», и я понял, что у него интересный способ работы.Так как я обрабатываю данные из вызовов ajax отдельно в каждой функции, все, что мне нужно было сделать, это:

$(function () {
  $('#indicator').modal('show')
    $.when(firstCall(),secondCall(),thirdCall(),forthCall(),fifthCall(),sixthCall(), 
         seventhCall(), eighthCall(), ninthCall(), tenthCall()).done(function(){
            format();
            $('#indicator').modal('hide');
         })
})