在Ajax请求中间更改页面
如果我发送一些ajax请求，并在请求返回之前立即更改页面（比如关注一些链接）会发生什么？ 我的意思是我认为XHR对象向网站发送请求，但在检索到响应之前它被删除（因为页面已被更改），那么应该将响应发送到何处？
我问这个问题是因为我的网站出现了一个奇怪的问题。 我有一个页面通过Ajax请求从数据存储加载post。 如果在加载完成之前我单击一个链接，我得到了jQuery.ajax的错误！ 不知道为什么会这样。
编辑 ：这是我对ajax的调用。 在正常情况下，将调用成功回调。 但是当我点击链接时，会调用错误回调！ 我正在考虑的事情，可能是因为数据应格式化为JSON，但请求在中间切断，因此数据被视为无效导致jQuery调用错误回调？！ 但那么为什么请求会在中间切断？
$.ajax({ type: (args.rel == "async" || args.rel == "dialog") ? "GET" : "POST", url: href, dataType: "json", data: args.data ? args.data:{}, // send {} to ensure Content-Length header success: function(data){ if (context) context.removeClass("ajax_wait"); if (args.hideonwait) $(args.hideonwait).show(); if (args.showonwait) $(args.showonwait).hide(); if (spinner) remove_spinner(context, spinner); handle_response(args, context, target, data); }, error: function(xhr, status, errorThrown){ if (context) context.removeClass("ajax_wait"); if (args.hideonwait) $(args.hideonwait).show(); if (args.showonwait) $(args.showonwait).hide(); if (spinner) remove_spinner(context, spinner); ajax_error(args, context, status + "-" + xhr.status, errorThrown ? errorThrown : xhr.responseText); } }); 诀窍是检查XMLHttpRequest对象中的响应头。 如果没有响应头（null或空字符串，具体取决于浏览器），则服务器尚未响应。 这意味着用户中止了。
$.ajax({ url: "url-to-go-here", success: function() { }, error: function(xhr, textStatus, errorThrown) { if(!isUserAborted(xhr)) { console.log("Ajax Error") } } }); function isUserAborted(xhr) { return !xhr.getAllResponseHeaders(); }
资源
行为似乎是当用户离开页面时，任何未完成的ajax请求都以0作为其状态。 jQuery将此解释为错误，这就是它调用error handling程序的原因。 在error handling程序中，如果xhr.status == 0，则可以调用成功处理程序调用的相同函数，否则执行所需的错误行为。
这个问题的解决方案很简单，您需要做的就是当前请求正在运行，如果用户点击任何其他链接，那么您需要提醒用户请求正在处理中请稍候
要实现这一点，您需要维护一个信号量，在触发任何请求之前设置该信号量，并在完成该请求时重置它。 在单击每个链接（更改页面）时，调用检查信号量的方法，如果已设置，则该方法向用户提供上述警报。 这样，在请求完成之前，用户将无法更改页面，并且您的请求被中止的问题将得到解决
希望这能回答这个问题。
你会运气不好。 你没有回调回来。 Ajax响应将丢失。 在这种情况下，我会在页面上放置一个阻止程序。 这是非常常见的，以防止再次点击。 阻止者只不过是“覆盖”整个浏览器的大面具。 它也可能有一个等待图标。
我不得不在几天前处理同样的问题..似乎没有那么复杂的处理..我们应该能够区分天气它的ajax错误某种或用户中止请求..当然我们不’从xhr对象获取特定事件..这就是为什么ajax错误带有exception… xhr对象和exception值的组合我们可以解决这个问题。
var message = ''; $('whatever').ajaxError(function(e, xhr, settings, exception) { // logic if (!xhr.status){ if (exception=='abort'){ message = 'User aborted AJAX request !'; } } }