为什么ajaxStop（）没有在Internet Explorer中触发？

Question

这是我第一次使用ajax。 我不知道ajaxStop发生在哪里。 我使用ajaxStart来显示加载图像，需要ajaxStop来隐藏加载图像。 请帮忙。

我有这个代码从“PageOne”调用弹出窗口

function ShowFixSteps(path, title){
  var winHeight = parseInt(jQuery(window).height() - 100);
  var winWidth = parseInt(jQuery(window).width() - 600);

  jQuery.ajax({
    url: path,
    success: function(data) {
      jQuery("#divPopup").load(path).dialog({
        modal: true,
        width: winWidth,
        height: winHeight,
        title: title,
        position: "center"
      });
    }
  });

  jQuery("#divPopup").bind("dialogbeforeclose", function(){
    jQuery("#divPopup").empty('');
  });
}

在我的母版页面上，我有这个代码来检查ajax调用的开始和停止：

$(document).ajaxStart(function() {
  alert('start');
});

$(document).ajaxStop(function() {
  alert('stop');
});

$(document).ajaxError(function() {
  alert('error');
});

它会警告START但不会发出STOP：也没有错误。

注意：START和STOP警报适用于Chrome，但不适用于IE。

Answer 1

在所有当前的AJAX请求完成后触发ajaxStop 。

您可以使用jQuery API文档阅读有关ajaxStop更多信息。

Answer 2

您可以通过以下方式使用.ajaxStop() ：

$(document).ajaxStop(function() {
    $('#loading-spinner').hide();
});

或者您可以添加:complete对AJAX函数的回调，如下所示：

jQuery.ajax({
    url: path,
    success: function(data) {
      jQuery("#divPopup").load(path).dialog({
        modal: true,
        width: winWidth,
        height: winHeight,
        title: title,
        position: "center"
      });
    },
    complete: function() {
        // do something here when ajax stops
        // like hiding the spinner or calling another function
    }
  });

当你提到如何在你的一条评论中停止一个AJAX请求时，方法如下：

var ajax1 = $.ajax({
    type: "POST",
    url: "some.php",
    ...
});

ajax1.abort()

您可以通过执行以下操作来检查在中止之前是否正在运行特定的AJAX请求：

if (ajax1) {
    ajax1.abort();
}

或者您可以通过执行以下操作来检查是否有任何 ajax请求在中止之前运行：

var ajax_inprocess = false;
$(document).ajaxStart(function() {
    ajax_inprocess = true;
});
$(document).ajaxStop(function() {
    ajax_inprocess = false;
});

if (ajax_inprocess == true) {
    request.abort();
}

请注意使用.abort() ，因为它只会阻止客户端代码侦听响应，它实际上不会阻止服务器工作。 实际上有一些主要的注意事项，所以请务必先阅读。

对更新问题的更新答案

对于IE问题，请尝试使用：

$(document).ajaxComplete(function() {
    // do something
})

而不是ajaxStop() 。 ajaxComplete()将在每次AJAX请求完成时触发，而不是在所有请求都使用ajaxStop()完成时ajaxStop() 。 也许它会有所帮助，也许不会。