javascript - 中止 window.location.hash

Question

我有一个网址 www.abc.com，它显示表的所有数据

我在页面中有一个搜索框，它在 keyup 上调用函数 search()

//search function
function search(){
    window.location.hash = "?query="+$("#search).val(); /* goes to the page and get data*/
}

当我输入任意键 a 时，它将发送请求 www.abc.com?query=a 并获取以 a 开头的所有数据 当我输入任意键 aa 时，它将发送请求 www.abc.com?query=aa 并获取以 aa 开头的所有数据

我想知道一种中止请求 www.abc.com?query=a 的方法 www.abc.com?query=aa 已发送，因为需要很长时间

Answer 1

无论“转到页面并获取数据”是什么，它都应该返回一个句柄。例如，如果您使用 Vanilla JS XMLHttpRequest，然后您可以返回该对象。

然后，在加载新搜索之前，调用其 abort 方法来取消旧搜索。

请注意，这实际上可能不会在服务器端取消它，所以要小心。