ajax离开页面方法,如果用户在页面加载完成之前离开页面，则触发jQuery ajaxError（）处理程序...

我们使用jQuery的全局ajaxError()处理函数来警告用户任何AJAX失败：

$(document).ajaxError(function() {

$("There was a network or server error. Please try again later.").dialog({

title: "Error",

modal: true,

resizable: false,

buttons: { 'Ok': function() { (this).dialog("close"); } }

});

});

不幸的是，如果用户在完成加载之前离开页面，则也会触发此全局错误处理程序。下面是重现该错误的步骤：

用户访问页面A，页面A包含通过AJAX加载的元素。

A页上的AJAX元素开始加载。

在页面A上的AJAX元素加载完成 之前， 用户单击链接即可访问页面B。

在浏览器重定向到页面B之前，错误对话框将短暂出现。

知道当错误直接由用户访问新页面导致时，如何使ajaxError()不触发吗？

更新：这是我的代码，在注释中加入了建议之后：

// I added a 3 second delay to our error dialog, enough time

// for the user to leave for a new page:

$(document).ajaxError(function() {

setTimeout(my_error_handler, 3000);

});

// Warn user before leaving page if AJAX is still loading.

// Not sure I'll keep this:

$(document).ajaxStart(function() {

ajaxing = true;

});

$(document).ajaxStop(function() {

ajaxing = false;

});

window.onbeforeunload = function() {

if (typeof(ajaxing) != 'undefined' && ajaxing) {

return "Page elements are still loading!";

}

};