javascript - 我怎样才能等到两个ajax请求完成？

Question

这是我的代码的简化:

var res = array();

$.ajax({
    url: 'test1.php',
    async: true,
    success: function (data) {
        res[1] = data.result;
    }
});

$.ajax({
    url: 'test2.php',
    async: true,
    success: function (data) {
        res[2] = data.result;
    }
});

if ( /* both ajax request are done */ ) {
    // do stuff
} else {
    // wait 
}

如您所见，我使用了async: true来同时运行这些ajax请求(并行)。现在我需要等待两个请求都完成。如何确定 ajax 请求已完成？如果不等到完成呢？

Answer 1

您可以使用 promise :

Promise.all([
  $.ajax({ url: 'test1.php' }),
  $.ajax({ url: 'test2.php' })
])
.then(([res1, res2]) => {
  // Both requests resolved
})
.catch(error => {
  // Something went wrong
});