取消 ajax() 成功

Question

我正在使用动态分页。

在开始另一个之前，我需要取消 jQuery ajax 中的 success 事件。

我已经设置了一个等于$.ajax()的变量，在这样做之前，无论如何我都会调用abort。

问题是success 仍然会触发。

Ajax: How to prevent jQuery from calling the success event after executing xmlHttpRequest.abort(); 的答案是错误的，或者至少它对我不起作用，因为如果我在 ajax 之后立即触发 abort，则不会发生任何事情。

我只希望ajax 变量的success 在另一个即将启动时不触发。

代码片段：

if(updatePageAJAX){
    updatePageAJAX.abort();
}

updatePageAJAX = $.ajax({
});

如果您愿意，我可以提供更多详细信息，但 updatePageAJAX 有效。我无法告诉你abort 是否有效。我在if 中放了一个alert，看看它是否会触发；确实如此。

如果我在设置updatePageAJAX = $.ajax 之后立即输入abort，则不会发生任何事情。

Answer 1

您是否尝试过将您的 xhr 对象保存在一个变量中，以便您可以检查成功回调是否是正确的 xhr 对象？ 例如：

$(function() {
    var xhr = null;

    $('.link').click(function() {
        var page = $(this).text();
        if(xhr != null) {
            xhr.abort();
        }
        xhr = $.ajax({
            type: 'GET',
            url: 'index.php',
            data: 'js=true&page=' + page,
            success: function(data, responseCode, jqxhr) {
                if(xhr == jqxhr) {
                    $('#page').text(data);
                    xhr = null;
                }
            }
        });
    });
});

这样，如果这不是正确的请求，成功回调将不会执行。