显示许多ajax调用的ajax微调器。

Question

目前，我正在使用ajax设置方法调用显示微调器：

(function() {
    $.ajaxSetup({
        beforeSend: showLoader,
        complete: hideLoader,
        error: hideLoader
    });
})();

这工作正常，但是现在发生的问题是，当发生许多ajax调用时， complete正在关闭加载程序！

有没有简单的方法来解决这个问题？

Answer 1

您可以看一下jQuery的.ajaxStart和.ajaxStop方法。

$( document ).ajaxStart(function() {
  // show your loader
});

$( document ).ajaxStop(function() {
  // hide your loader
});

Answer 2

我唯一可以建议的是保留一个计数器，该计数器将进行多少个ajax调用，当调用增加时，当调用完成后取消in-criinment，然后在hideLoader函数中仅检查计数器，如果它hideLoader 0不要隐藏它。

Answer 3

jQuery中的DOM事件绑定了ajax开始和ajax结束事件。 采用

.ajaxStart();
.ajaxStop();

在DOM中显示您的加载器。

Answer 4

您可以使用jQuery.ajaxStop（） ，当所有Ajax调用均已执行后会被调用，

$(document).ajaxStop(function() {
  //call hideLoader here
});