所有AJAX请求完成后,JQuery调用函数

Question

我的问题是这里问题的变体

但是,有两点不同:

1. 我不知道有多少AJAX请求.当然,它们至少有10个.它们同时或几乎同时运行,并且请求的数量每次都在变化.

2. 我想调用的函数也会生成AJAX请求.我不希望AJAX请求永远继续下去(这是我第一次尝试时发生的事情).我只想要这个功能一次.

这是我的代码:

$("#calculateButton").ajaxComplete(function() {
    $(this).unbind();
    $(this).click();
});

所以我试图做的是将ajaxComplete回调附加到计算按钮.问题是每次ajax请求完成时都会执行此操作.而我想要的是在所有 AJAX请求完成时执行该函数.

有没有办法做到这一点.当我把它写出来时,听起来很复杂.我应该放弃并创造一个hacky work-around？

Answer 1

使用.ajaxStop()而不是您当前的方法.

$("#calculateButton").ajaxStop(function() {
    $(this).unbind(); // $(this).unbind("ajaxStop") -> this is not needed as unbind will remove everything, but leaving it here as an FYI
    $(this).click();
});

http://api.jquery.com/ajaxStop/

注意:更新上面的代码以停止无限循环.