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