如何实现ajax延时发送

原创 2013年12月02日 14:39:23

很多时候,我们都会遇到例如关键字搜索的功能

我们第一的想法,肯定是绑定响应的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发出之前




如何使keyup事件延迟处理

一般情况是每点击一个按键都会触发一次keyup事件,但是有些时候,这样并不能满足要求,需要的是输入完毕之后才执行某函数。(比如通过扫码枪扫描图书条形码进行图书信息的录入)这里只能采取延时执行的方法来处...
  • qq_30152271
  • qq_30152271
  • 2016年09月14日 11:11
  • 1985

网页前端优化之滚动延时加载图片示例

做web开发的朋友都应该掌握前端优化这个技巧,其中一个就是滚动延时加载。这个技巧应用在了很多地方,比如新浪微博网页版。以下就为大家详细介绍,需要的朋友可以参考下 为什么要延时加载呢?...
  • u014756827
  • u014756827
  • 2016年11月15日 10:30
  • 1303

#bootStrap中Tab页签切换

bootStrap中Tab页签切换转自:http://blog.chinaunix.net/uid-25979788-id-3757108.html 关于$().tab()一般用来实现标签页和胶囊链...
  • Taylor_Joe
  • Taylor_Joe
  • 2016年07月24日 17:33
  • 1368

一些其他控件、优酷菜单、广告条效果、用Handler发送延时信息实现循环

开关按钮ToggleButton:
  • zhangyongfeiyong
  • zhangyongfeiyong
  • 2014年09月25日 09:32
  • 575

C51中精确的延时与计算的实现

  • 2011年09月03日 20:34
  • 23KB
  • 下载

真正的微秒定时器 ,实现毫秒精度的延时

  • 2010年09月18日 16:59
  • 5KB
  • 下载

DSP的代码优化求余运算,用移位实现乘除法运算,延时函数

  • 2011年07月31日 23:52
  • 23KB
  • 下载

mfc实现定时关机、延时关机

  • 2011年07月25日 17:33
  • 137KB
  • 下载

Jquery实现鼠标经过选项,延时响应

  • 2013年10月27日 23:52
  • 892B
  • 下载

一键实现延时睡眠,简单好用的命令行操作(转载)

  • 2015年11月03日 17:19
  • 42KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:如何实现ajax延时发送
举报原因:
原因补充:

(最多只允许输入30个字)