循环调用多个AJAX调用

Question

我有以下代码：

var results = [];

for(var i = 0; i < 4; i++){
   $.ajax(... results.push(response));
}

我想知道这4个Ajax调用何时完成，然后对结果数组做些什么，我该怎么做？

Answer 1

无需预先创建results数组，而是创建一个promise数组（ $.ajax调用计为promise），然后可以在该数组上使用Promise.all 。 一旦所有呼叫解决， Promise.all将解析为四个响应的数组：

const promises = [];
for (let i = 0; i < 4; i++) {
  promises.push($.ajax(....));
}
Promise.all(promises).then((results) => {
  // do stuff with results
})
.catch((err) => {
  // handle errors
});

Answer 2

您可以引入一个计数器，该计数器在每个AJAX请求返回时递增。 当计数器等于4时，您可以对结果数组进行操作。

（我也在用伪代码进行响应，因为我是在手机上键入的。）

var counter = 0;
var results = [];
for (var i = 0; i < 4; i++) {
    $.ajax(..., function(resp) {
        counter++;
        results.push(resp);

        if (counter == 4) {
            // do stuff
        }
    }
}