如何實現(xiàn)ajax延時發(fā)送在空閑之后去發(fā)送ajax請求
更新時間：2013年12月02日 17:11:13 作者：
關(guān)鍵字搜索的功能，還是比較實用的，在實現(xiàn)過程中就需用到ajax延時發(fā)送，下面有個不錯的示例，有需要的朋友可以參考下
很多時候，我們都會遇到例如關(guān)鍵字搜索的功能
我們第一的想法，肯定是綁定響應(yīng)的keyup事件，然后將得到的keyword，請求一個ajax返回響應(yīng)的數(shù)據(jù)處理
但是，這個時候，如果簡單綁定keyup事件。那么，每一次的敲擊鍵盤操作都會發(fā)送一個ajax請求，這顯然不是我們希望的。
我們希望，盡量在空閑之后去發(fā)送ajax請求:
因此，我們設(shè)定用戶在不敲擊鍵盤之后1S，才去發(fā)送這個ajax請求
復(fù)制代碼 代碼如下:
var timeout;
onkeyup = function() {
clearTimeout(timeout);
timeout = setTimeout(function() {
ajax請求
}, 1000);
}
當(dāng)然，可以使用另外一種思路：
阻斷掉發(fā)出的ajax請求：
復(fù)制代碼 代碼如下:
if (request) {
request.abort();
}
request = $.ajax( )
但是這個ajax請求，最好阻斷在ajax發(fā)出之前
相關(guān)文章
初步了解JavaScript，Ajax，jQuery，并比較三者關(guān)系
這篇文章主要介紹了初步了解JavaScript，Ajax，jQuery，并比較三者關(guān)系的相關(guān)資料,需要的朋友可以參考下2015-10-10
Ajax實現(xiàn)模擬關(guān)鍵字智能匹配搜索效果
這篇文章主要介紹了Ajax實現(xiàn)模擬關(guān)鍵字智能匹配搜索效果,當(dāng)在搜索框輸入內(nèi)容時，根據(jù)關(guān)鍵字匹配，顯示彈出層，非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-12-12
JSON是一種簡單的數(shù)據(jù)格式，比xml更輕巧。其規(guī)則很簡單，對象是一個無序的名稱/值對集合，下面有個案例，大家可以感受下2014-07-07
這篇文章主要給大家介紹了關(guān)于Ajax的疑難雜癥,文中通過實例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2022-03-03
這篇文章主要為大家詳細(xì)介紹了Ajax和跨域問題，告訴大家什么Ajax，什么是跨域？具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-04-04
這篇文章主要介紹了解決ajax返回驗證的時候總是彈出error錯誤的方法，感興趣的小伙伴們可以參考一下2016-01-01
本篇文章主要是對AJAX級聯(lián)下拉框的簡單實現(xiàn)案例進(jìn)行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-02-02
AJAX從一個域請求另一個域會有跨域的問題。那么如何在nginx上實現(xiàn)ajax跨域請求呢？此問題難住很多朋友，下面小編給大家?guī)砹薔ginx實現(xiàn)AJAX跨域請求問題的相關(guān)知識，感興趣的朋友一起學(xué)習(xí)吧2016-06-06
Razor功能非常強大，但是本身并不能做到無刷新，所以需要配合ajax使用。本文通過一個例子給大家介紹使用Ajax局部更新Razor頁面，需要的朋友參考下吧2017-09-09
AJAX入門之XMLHttpRequest慨述...2006-06-06