JavaScript：排序 AJAX 调用

Question

我有 3 个特定功能的 ajax 调用。第 3 次调用取决于前 2 次调用，即对于第 3 次调用，前 2 次调用必须完成。但是前 2 个 AJAX 调用是独立的。所以我希望它们是异步的并并行执行。

现在如何组织这些调用？我试图将它们放在各自调用的嵌套成功块中，但在这种情况下，前 2 个调用也不是独立的。

如果可能，请建议使用一些 sudo 代码。

Answer 1

使用promises 和$.when：

$.when(ajaxCall1(), ajaxCall2()).then(ajaxCall3);

ajaxCallX 类似于

function ajaxCall1() {
    return $.ajax(...);
}

这基本上意味着“在ajaxCall1的promise和ajaxCall2的promise都解决之后，执行函数ajaxCall3”。

这是因为$.ajax（和类似方法）返回的对象实现了promise接口。更多信息也可以在$.ajax documentation找到。

---

每个 Ajax 调用的响应都作为参数传递给 then 回调。你可以访问它们

$.when(ajaxCall1(), ajaxCall2()).then(function(a1, a2) {
    // a1[0] is the response of the first call
    // a2[0] is the response of the second call
    ajaxCall3(a1[0], a2[0]);
});

查看$.when 文档以获取另一个示例。

Answer 2

在前两个事件执行完成后，您可以使用 ajaxComplete 来调用第三个事件。 ajaxComplete 是一个回调事件，在每个 ajaxCalls 得到响应后触发。查看此链接以了解其工作原理https://api.jquery.com/ajaxComplete/