jQuery:在页面卸载时自动中止 Ajax 请求？

Question

感谢您的阅读。

我注意到，如果我的页面打开了一个或多个 ajax 请求，并且我单击链接离开页面或刷新页面，它将等待 ajax 请求完成后再卸载。

这通常不是问题，但如果请求需要一段时间，则可能会出现问题。

我正在寻找类似的东西:

$(window).bind("beforeunload", function() {AjaxRequest.abort();});

在卸载之前自动中止请求，但不太确定如何找到ajax请求。它们会在 window 下面的某个地方吗？

Answer 1

$.ajax() jQuery 方法返回 XMLHttpRequest 对象。这意味着您可以在对象上应用标准方法，例如 abort()。

要卸载，请使用内置的 unload jQuery 事件方法。

var myajax = $.ajax(...); 
$(window).unload( function () { myajax.abort(); } );