中止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並獲取所有數據，當我鍵入任何鍵時aa，它將發送請求www.abc.com?query = aa並獲取以aa開頭的所有數據

我想知道一種在www.abc.com?query=aa發送時中止請求www.abc.com?query=a的方法，因為它需要花費很多時間

Answer 1

無論“進入頁面並獲取數據”是什么，它應該返回一個句柄。 例如，如果您正在使用Vanilla JS XMLHttpRequest ，那么您可以返回該對象。

然后，在加載新搜索之前，調用其中abort方法以取消舊搜索。

請注意，這可能實際上不會在服務器端取消它，所以要小心。