使用jquery.Ajax取消请求（）

Question

我目前正在建立一个项目页面，其中包含一系列指向项目图片的链接，这些图片目前使用jquery加载。但是，如果我点击一个链接，然后快速连续点击一个不同的链接，似乎从第一个链接加载图像，而不是取消该请求，并加载第二个链接

我从我一直在阅读的那里收集最好的方法使用将交换负载的jQuery jQuery的阿贾克斯，唯一的问题是，我不太明白如何使用jQuery AJAX实现这一目标，我将不胜感激，如果有人能够给我一个起点

感谢

Answer 1

我假设现在，你打电话是这样的：

$('#mydiv').load('projects.php?page=1'); 

使用阿贾克斯完全等效（）是：

$.ajax('projects.php?page=1', { 
    success: function(html) { 
    $('#mydiv').html(html); 
    } 
}); 

我猜人告诉过你，你想中止旧的请求并开始新的请求？你可以通过保存（）由AJAX返回的jqXHR对象，并在以后使用它：

var jqXHR = $.ajax('first url', ...); 

// Later 
jqXHR.abort(); 
var jqXHR = $.ajax('second url', ...); 

希望这足够让你开始，让我知道如果你有问题。

Answer 2

你可能会想要阅读：Abort Ajax requests using jQuery他们解释这一点。出于某种原因，StackOverflow希望将其转换为注释，而不是答案，所以我添加了这个句子。