使用jquery.Ajax（）取消請求

Question

我目前正在建立一個項目頁面，其中包含一系列指向項目圖像的鏈接，這些圖像目前正在使用jquery加載進行加載。 但是，如果我單擊一個鏈接，然后快速單擊另一個鏈接，那似乎是從第一個鏈接加載圖像，而不是取消該請求並加載第二個鏈接

從我一直在閱讀的內容中得知，最好的方法是將jquery的負載交換為jquery Ajax，唯一的問題是我不太了解如何使用jquery ajax來實現這一點，如果有人願意，我將不勝感激我一個起點

謝謝

Answer 1

您可能需要閱讀： 使用jQuery中止Ajax請求他們解釋了這一點。 由於某些原因，StackOverflow希望將其轉換為注釋，而不是答案，因此我添加了這句話。

Answer 2

我現在假設，您正在調用這樣的內容：

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

使用ajax（）的精確等效項為：

$.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', ...);

希望這足以讓您入門，如果您有任何疑問，請告訴我。