DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> AJAX入門 >> AJAX基礎知識 >> 如何實現ajax延時發送在空閒之後去發送ajax請求
如何實現ajax延時發送在空閒之後去發送ajax請求
編輯:AJAX基礎知識     

很多時候,我們都會遇到例如關鍵字搜索的功能

我們第一的想法,肯定是綁定響應的keyup事件,然後將得到的keyword,請求一個ajax返回響應的數據處理

但是,這個時候,如果簡單綁定keyup事件。那麼,每一次的敲擊鍵盤操作都會發送一個ajax請求,這顯然不是我們希望的。

我們希望,盡量在空閒之後去發送ajax請求:

因此,我們設定用戶在不敲擊鍵盤之後1S,才去發送這個ajax請求
復制代碼 代碼如下:
var timeout;
onkeyup = function() {
clearTimeout(timeout);
timeout = setTimeout(function() {
ajax請求
}, 1000);
}

當然,可以使用另外一種思路:

阻斷掉發出的ajax請求:
復制代碼 代碼如下:
if (request) {
request.abort();
}
request = $.ajax( )

但是這個ajax請求,最好阻斷在ajax發出之前

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved