javascript - 中止 jQuery().load()

Question

.load() jQuery的功能库允许您有选择地从另一个页面加载元素(遵循某些规则)。我想知道是否可以中止加载过程。

在我们的应用程序中，用户可以浏览项目列表。他们可以选择单击一个按钮，该按钮会加载并显示有关另一个文档中的项目的附加信息(这可能需要一些时间)。如果他们在 .load() 仍在发生时选择列表中的不同项目，我希望中止加载。

这可能吗？值得吗？有什么想法吗？

丹

Answer 1

您不能使用 .load() 执行此操作直接，因为它返回用于链接的 jQuery 对象，但如果更改为完整的 $.ajax()调用 .html()你可以像这样:

var xhr = $.ajax({
            url: 'mypage.htm',
            success: function(data) {
              $("#myElement").html(data);
            }
          });
//if needed, abort the request later..
xhr.abort();

这使用 .abort() method on the XMLHttpRequest object中止加载。