javascript - 等待 Ajax 调用数组完成

Question

我同时进行多个 ajax 调用。一旦它们全部完成，我需要将用户重定向到另一个页面。

在this的帮助下答案，我创建了这个:

function verifyAll() {
    var ajaxCalls = [];
    $.each($('.thing'), function(index, thing) {
        ajaxCalls.push(verifyOne($(thing).data('id'));
    });

    $.when(ajaxCalls).done(function() {
        console.log('Done verifying all');
    });
}

function verifyOne(id) {
    return $.ajax({
        type: 'GET',
        url: 'verify.html'
    }).done(function(data) {
        console.log('Done verifying one');
        //do something
    });
}

但是，在单个ajax上调用.done()之前，会调用$.when().done()函数。我做错了什么还是有其他方法可以实现我的最终目标？

Answer 1

$.when()不直接支持数组

尝试

$.when.apply($, ajaxCalls).done(function() {

    console.log('Done verifying all');
    console.log(arguments);
});