中止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*/
}

当我键入任何键时，它会发送请求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方法取消旧搜索。

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