多个 ajax 调用的 jQuery 回调

Question

我想在单击事件中进行三个 ajax 调用。每个 ajax 调用都会执行不同的操作并返回最终回调所需的数据。这些调用本身并不相互依赖，它们可以同时进行，但是我希望在所有三个调用完成后进行最终回调。

$('#button').click(function() {
    fun1();
    fun2();
    fun3();
//now do something else when the requests have done their 'success' callbacks.
});

var fun1= (function() {
    $.ajax({/*code*/});
});
var fun2 = (function() {
    $.ajax({/*code*/});
});
var fun3 = (function() {
    $.ajax({/*code*/});
});

Answer 1

看起来您已经对此有了一些答案，但是我认为这里有一些值得一提的事情，这将大大简化您的代码。 jQuery 推出了 $.when在 v1.5 中。它看起来像:

$.when($.ajax(...), $.ajax(...)).then(function (resp1, resp2) {
    //this callback will be fired once all ajax calls have finished.
});

没看到这里提到。