javascript - 防止 .ajaxStart() 在特定的 Ajax 请求上执行

Question

我有一个加载 div或加载程序，应该在 Ajax 请求期间显示。

$('#loadingDiv').ajaxStart(function () {
        $(this).show();
    }).ajaxComplete(function () {
        $(this).hide();
    });

我希望加载器在所有 Ajax 请求期间出现，但在特定请求中阻止它。

我尝试了以下方法：

$.ajax({
                url: 'Handler.ashx',
                success: function (msg, status, xhr) {
                    $('#loadingDiv').hide();
}.....

但是 div 出现然后消失，我根本不希望它出现。

Answer 1

global发出请求时设置为 false：

$.ajax({
    url: 'Handler.ashx',
    global: false,
    ...
});

请参阅Ajax.Events文档。

Answer 2

演示

试试这个

 $.ajax({
                    url: 'Handler.ashx',
                   beforeSend:function(){
                 if (<conditon>)                /// check your condition here
                     $('#loadingDiv').show();
                     else
                       $('#loadingDiv').hide();
                    },
                    success: function (msg, status, xhr) {
                        $('#loadingDiv').hide();
    }
    });

希望这有帮助，谢谢

Answer 3

在您的 Ajax 选项中使用global: false以使请求不触发任何全局事件处理程序。

$.ajax文档说明了该选项global：

设置为false防止全局处理程序喜欢ajaxStart或被ajaxStop触发。

从.ajaxStart文档：

如果在选项设置为$.ajax()的情况下调用 ... ，则该方法将不会触发。globalfalse.ajaxStart()

Answer 4

$.ajax({
                url: 'Handler.ashx',
beforesend:function(){
// apply your code 
},
                success: function (msg, status, xhr) {
                    $('#loadingDiv').hide();
}.....

参考ajax