javascript - 如何对多个 ajax 调用进行一次 onsuccess 调用

Question

我有一个问题，我必须调用多个 AJAX 请求，并且我想编写一个回调，当所有请求都完成后只会调用一次。我可以有多个 ajax 调用，所以我可能不喜欢在前一个回调的回调中链接这些 Ajax 调用，就像这里发生的那样。

所以我尝试了这样的事情 -

var requestCompletedArray = [];

/* assuming i have `n` ajax calls to make */
for(var i = 0; i < n; i++) {
    ajaxCall(/* some url, data etc */, callback);
}

/* my callback definition */
function callback(data) {
    if(requestCompletedArray.length < n-1) {
        requestCompletedArray.push(data.status);
        return;
    } else if(requestCompletedArray.length === n-1) {
        //do something, all requests are completed
    } else {
        return;
    }
}

我对这个解决方案感觉不好。大家怎么看？如果这不是一个好的解决方案，我可以为解决这个问题提供一些好的建议。

Answer 1

1) 看看 jquery 文档中的 $.when

或者

2）如果您不想使用它，您可能想要执行以下操作：

• 实现包含发送的 ajax 请求数量的自定义对象
• 在全局范围内创建一个实例
• 使用 allFinished 回调提供实例
• 使每个ajax响应回调减少1
• 当数量达到 0 > 运行 allFinished 回调