使用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希望將其轉換爲註釋，而不是答案，所以我添加了這個句子。