为特定请求禁用ajaxStart（）和ajaxStop（）

Question

我正在使用.ajaxStart（）和.ajaxStop（）来显示ajax请求时的模态。 （开始和停止之间）

现在我想添加一个等待通知的longpoll函数，类似于本网站左上角的那个。

我现在的问题在于只为longpolling请求禁用此模式..

在打开和关闭处理程序上注册“加载屏幕”：

$(document).ajaxStart(handleAjaxStart);
$(document).ajaxStop(handleAjaxStop);

我的长枪功能：

$.ajax({
    timeout: 35000,
    url: longPollUrl,
    success: function(data){
        if(data.queCount) $('#numQueCount').html(data.queCount);
        if(data.queAccept) $('#numQueAccept').html(data.queAccept);
    }, 
    dataType: 'json',
    complete: longpoll
});

我试过了：

$().off('ajaxStart');
$().off('ajaxStop');

..并在开始投票后重新连接处理程序，但没有快乐。

我还尝试将一个全局变量引入handleAjaxStart()，该变量将在函数的第一行返回，但这似乎完全杀死了加载屏幕。

有关如何实现这一目标的任何想法？

Answer 1

我想出来了..

选项对象.ajax()中有一个属性称为global。

如果设置为false，则不会触发呼叫的ajaxStart事件。

$.ajax({
    timeout: 35000,
    url: longPollUrl,
    success: function(data){
        if(data.queCount) $('#numQueCount').html(data.queCount);
        if(data.queAccept) $('#numQueAccept').html(data.queAccept);
    }, 
    global: false,     // this makes sure ajaxStart is not triggered
    dataType: 'json',
    complete: longpoll
});

Answer 2

在阅读完所有可能的解决方案后，我想结合答案。

解决方案1：绑定/解除绑定

//binding
$(document).bind("ajaxStart.mine", function() {
    $('#ajaxProgress').show();
});

$(document).bind("ajaxStop.mine", function() {
    $('#ajaxProgress').hide();
});

//Unbinding
$(document).unbind(".mine");

这是折旧的解决方案。在jQuery 1.9之前，像ajaxStart，ajaxStop，ajaxError等ajax的全局事件可以绑定到任何元素。在jQuery 1.9之后：

  

从jQuery 1.9开始，jQuery全局Ajax事件的所有处理程序，   包括那些添加了.ajaxStart（）方法的必须附加   记录。

因此，我们无法将这些事件绑定/解除绑定到自定义命名空间。

解决方案2：将属性global设置为 false

$.ajax({
        url: "google.com",
        type: "GET",
        dataType: "json",
        global: false, //This is the key property.
        success: function (data) {
                   console.log(data);
                },
        error: function (data) {
                   console.log(data);
                }
       });

此解决方案可用于禁用ajaxStart()/ajaxStop()个事件。但是，它也会禁用ajaxComplete(), ajaxError(), ajaxSend(), ajaxSuccess()。如果您不使用这些全局事件，似乎没问题，但是当需要时，您必须返回并更改您设置global: false的所有页面的解决方案。

解决方案3：使用全局变量

var showLoadingEnabled = true;
$(document).ready(function () {
    $('#loading')
        .hide()  // at first, just hide it
        .ajaxStart(function () {
            if (showLoadingEnabled) {
                $(this).show();
            }
        })
        .ajaxStop(function () {
            if (showLoadingEnabled) {
                $(this).hide();
            }
        });
});


function justAnotherFunction() {
    window.showLoadingEnabled = false;
    $.ajax({
        url: 'www.google.com',
        type: 'GET',
        complete: function (data) {
            window.showLoadingEnabled = true;
            console.log(data);
        }
    });
}

不应在javascript文件中使用全局变量。但是，这是最简单的解决方案，我可以找到。

我首选的是我项目的第三个解决方案。