使用jquery.Ajax()取消请求

Cancel a request using jquery.Ajax()

本文关键字：取消 请求 jquery Ajax 使用      更新时间：2023-09-26

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

我收集从我一直在阅读，最好的方法使用将交换jquery加载jquery Ajax，唯一的问题是，我不太明白如何实现这与jquery Ajax，我将感激如果有人能给我一个起点

谢谢

您可能想要阅读:使用jQuery中止Ajax请求。由于某种原因，StackOverflow想要将其转换为评论，而不是答案，所以我添加了这句话。

我假设你现在正在调用这样的东西:

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

希望这足以让你开始，如果你有问题，请告诉我。

相关文章：