javascript - ajaxStop 有时在 ajaxStart 之后没有触发

Question

我使用ajaxStart和ajaxStop通过这种方式显示和隐藏加载:

    $(document).ajaxStart(function () {
        $.LoadingOverlay("show", {
            fade:[100,100]
        });
    });

    $(document).ajaxStop(function () {
        $.LoadingOverlay("hide", {
            fade: [100, 100]
        });
    });

这段代码有效。但有时ajaxStop函数没有触发，你必须按F5键重新加载页面。因为显示从 ajax start 加载并没有隐藏。

我找不到问题。

我的jQuery版本是2.2.4。

已更新

我使用了ajaxComplete而不是ajaxStop，但是，存在同样的问题。

  $(document).ajaxStart(function () {
        $.LoadingOverlay("show", {
            fade:[100,100]
        });
    });

    $(document).ajaxComplete(function () {
        $.LoadingOverlay("hide", {
            fade: [100, 100]
        });
    });

还有什么有用的吗？

Answer 1

使用ajaxComplete

ajaxComplete 每当 ajax 请求完成时就会调用，无论成功还是出错。

ajaxStop 在所有 ajax 请求完成时调用。因此，与 ajaxComplete 不同，如果仍有请求正在进行，则不会调用它。

如果您想要执行的操作应该针对每个 ajax 请求完成，那么您应该使用第一个。

来自https://stackoverflow.com/a/4419387/1475257的@sje397的信用