如何实现ajax延时发送在空闲之后去发送ajax请求
更新时间：2013年12月02日 17:11:13 作者：
关键字搜索的功能，还是比较实用的，在实现过程中就需用到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发出之前
相关文章
ajax请求成功后新开窗口window.open()被拦截解决方法
ajax 异步请求成功后需要新开窗口打开 url，使用的是 window.open() 方法，但是很可惜被浏览器给拦截了，怎么解决这个问题呢2014-09-09
本篇文章主要是对Ajax级联菜单的实例代码进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助2014-02-02
深入浅析AjaxFileUpload实现单个文件的 Ajax 文件上传库
jQuery.AjaxFileUpload.js是一款jQuery插件，用于通过ajax上传文件。本文给大家介绍AjaxFileUpload实现单个文件的 Ajax 文件上传库，对此感兴趣的朋友一起学习吧2016-04-04
AjaxFileUpload结合Struts2实现多文件上传(动态添加文件上传框)
本文是脚本之家小编给大家分享的AjaxFileUpload结合Struts2实现多文件上传功能，如果项目需求是不确定多少个文件，我们需要动态的添加文件上传框，具体实现代码大家参考下本文2017-09-09
我们能否让ajax更加友好点，实时显示服务器处理的进度了？这在一些长时间的请求中尤其重要，比如上传文件、发送邮件、批量处理数据。2010-06-06
像ajax请求发生两次提交的原因是在执行完ajax请求后，并没有阻止submit的行为，下面小编给大家带来两种按钮的ajax请求时一次点击两次提交的解决方法，一起看看吧2016-09-09
ajax.js里面有内容显示效果，根据ID...2006-10-10
ajax JSONP请求处理回调函数jsonpCallback区分大小写
使用ajax进行 JSONP跨域请求，因为被请求的对方的回调函数名称是无法修改，想到设置AJAX 的JSONP参数。但是发现根本不起作用。最后偶然发现 jsonpcallback是区分大小写的2013-09-09
这篇文章主要为大家详细介绍了基于HTML5的可预览多图片Ajax上传，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-06-06
最近在做支付时发现打开支付窗口时被浏览器拦截了，怎么回事呢？下面小编给大家分享Ajax打开新窗口被浏览器拦截的两种解决办法，一起看看吧2017-01-01
最新评论