启动 Ajax 操作时停止或隐藏加载面板

Question

我有这部分代码全局显示我的页面中的加载面板。

$(document)
.ajaxStart(function () {
    $('#loadingPanel').fadeIn();
})
.ajaxStop(function () {
    $('#loadingPanel').fadeOut();
});

所以，只要我调用这样的 ajax 操作，它就会自动显示加载面板：

$.ajax({
    type: "GET",
    url: "localhost:8080/api/data/Test/GetData",
    success: doSomething
});

但只是在特定情况下，我想避免显示加载面板。有没有办法调用

$('#loadingPanel').hide();

在此代码中的 .ajax 操作或有一种解决方法可以避免仅针对某些 ajax 操作加载面板，而不是调用每个 ajax 操作的fadeIn 和fadeOut。

Answer 1

调用$.ajax(options)时可以在options中设置global: false，防止.ajaxStart()被触发。

global
是否触发全局Ajax 此请求的事件处理程序。默认为true。设置为false 到 防止像这样的全局处理程序 ajaxStart 或 ajaxStop 被触发。 这可用于控制各种 Ajax 事件。