如何實(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事件。那么，每一次的敲擊鍵盤操作都會(huì)發(fā)送一個(gè)ajax請(qǐng)求，這顯然不是我們希望的。
我們希望，盡量在空閑之后去發(fā)送ajax請(qǐng)求:
因此，我們?cè)O(shè)定用戶在不敲擊鍵盤之后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)文章
ajax請(qǐng)求成功后新開窗口window.open()被攔截解決方法
ajax 異步請(qǐng)求成功后需要新開窗口打開 url，使用的是 window.open() 方法，但是很可惜被瀏覽器給攔截了，怎么解決這個(gè)問(wèn)題呢2014-09-09
本篇文章主要是對(duì)Ajax級(jí)聯(lián)菜單的實(shí)例代碼進(jìn)行了介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2014-02-02
深入淺析AjaxFileUpload實(shí)現(xiàn)單個(gè)文件的 Ajax 文件上傳庫(kù)
jQuery.AjaxFileUpload.js是一款jQuery插件，用于通過(guò)ajax上傳文件。本文給大家介紹AjaxFileUpload實(shí)現(xiàn)單個(gè)文件的 Ajax 文件上傳庫(kù)，對(duì)此感興趣的朋友一起學(xué)習(xí)吧2016-04-04
AjaxFileUpload結(jié)合Struts2實(shí)現(xiàn)多文件上傳(動(dòng)態(tài)添加文件上傳框)
本文是腳本之家小編給大家分享的AjaxFileUpload結(jié)合Struts2實(shí)現(xiàn)多文件上傳功能，如果項(xiàng)目需求是不確定多少個(gè)文件，我們需要?jiǎng)討B(tài)的添加文件上傳框，具體實(shí)現(xiàn)代碼大家參考下本文2017-09-09
讓ajax更加友好的實(shí)現(xiàn)方法(實(shí)時(shí)顯示后臺(tái)處理進(jìn)度。)
我們能否讓ajax更加友好點(diǎn)，實(shí)時(shí)顯示服務(wù)器處理的進(jìn)度了？這在一些長(zhǎng)時(shí)間的請(qǐng)求中尤其重要，比如上傳文件、發(fā)送郵件、批量處理數(shù)據(jù)。2010-06-06
按鈕的Ajax請(qǐng)求時(shí)一次點(diǎn)擊兩次提交的解決方法
像ajax請(qǐng)求發(fā)生兩次提交的原因是在執(zhí)行完ajax請(qǐng)求后，并沒有阻止submit的行為，下面小編給大家?guī)?lái)兩種按鈕的ajax請(qǐng)求時(shí)一次點(diǎn)擊兩次提交的解決方法，一起看看吧2016-09-09
ajax.js里面有內(nèi)容顯示效果，根據(jù)ID
ajax.js里面有內(nèi)容顯示效果，根據(jù)ID...2006-10-10
ajax JSONP請(qǐng)求處理回調(diào)函數(shù)jsonpCallback區(qū)分大小寫
使用ajax進(jìn)行 JSONP跨域請(qǐng)求，因?yàn)楸徽?qǐng)求的對(duì)方的回調(diào)函數(shù)名稱是無(wú)法修改，想到設(shè)置AJAX 的JSONP參數(shù)。但是發(fā)現(xiàn)根本不起作用。最后偶然發(fā)現(xiàn) jsonpcallback是區(qū)分大小寫的2013-09-09
這篇文章主要為大家詳細(xì)介紹了基于HTML5的可預(yù)覽多圖片Ajax上傳，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-06-06
最近在做支付時(shí)發(fā)現(xiàn)打開支付窗口時(shí)被瀏覽器攔截了，怎么回事呢？下面小編給大家分享Ajax打開新窗口被瀏覽器攔截的兩種解決辦法，一起看看吧2017-01-01