我们使用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"); } } }); });
不幸的是,如果用户在完成加载之前离开页面,则也会触发此全局错误处理程序。下面是重现该错误的步骤:
知道当错误直接由用户访问新页面导致时,如何使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!"; } };
好吧,是的,如果用户导航到另一个页面,则xhr将中止,实际上是不成功的通信。一种解决方案是为该onbeforeunload事件注册一个侦听器,然后ajaxError在那里取消绑定,基本上是这样说的:用户将要离开页面,所以我不希望被告知可能发生的ajax错误。
onbeforeunload
ajaxError
不过,有些网站(例如GMail)的处理方式却相反:如果您尝试离开页面,而仍然有一些ajax请求未决,它会提示您您的某些进程仍在运行,用户决定是留在网站上直到请求完成,还是继续浏览。