javascript - 更改页面后停止 jQuery 中的 Ajax 请求

Question

考虑在加载页面时运行的这段代码:

if ($('#content-recommendation').length) {
    $.ajax({
    url:'/get_content_recommendation/' + gon.item_id + '.js',
    type:"get"
  });
}

这个请求在开发中大约需要 15 秒才能完成。如果我转到另一个页面，我必须等到 Ajax 完成，那么我该如何取消该 Ajax 请求？

Answer 1

您可以使用 abort()中止请求的方法 - 但请注意，它只会中止客户端监听器的执行，由请求初始化的服务器端进程仍将运行

//in a shared scope
var xhr;

//then
if ($('#content-recommendation').length) {
    xhr = $.ajax({
        url: '/get_content_recommendation/' + gon.item_id + '.js',
        type: "get"
    }).always(function () {
        xhr = undefined;
    });
}

//later before moving to the new page
if (xhr && xhr.readyState != 4) {
    xhr.abort();
}

How to cancel/abort jQuery AJAX request?