如何实现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发出之前
相关文章
初步了解JavaScript，Ajax，jQuery，并比较三者关系
这篇文章主要介绍了初步了解JavaScript，Ajax，jQuery，并比较三者关系的相关资料,需要的朋友可以参考下2015-10-10
这篇文章主要介绍了Ajax实现模拟关键字智能匹配搜索效果,当在搜索框输入内容时，根据关键字匹配，显示弹出层，非常不错，具有参考借鉴价值，需要的朋友可以参考下2016-12-12
JSON是一种简单的数据格式，比xml更轻巧。其规则很简单，对象是一个无序的名称/值对集合，下面有个案例，大家可以感受下2014-07-07
这篇文章主要给大家介绍了关于Ajax的疑难杂症,文中通过实例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2022-03-03
这篇文章主要为大家详细介绍了Ajax和跨域问题，告诉大家什么Ajax，什么是跨域？具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-04-04
这篇文章主要介绍了解决ajax返回验证的时候总是弹出error错误的方法，感兴趣的小伙伴们可以参考一下2016-01-01
本篇文章主要是对AJAX级联下拉框的简单实现案例进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助2014-02-02
AJAX从一个域请求另一个域会有跨域的问题。那么如何在nginx上实现ajax跨域请求呢？此问题难住很多朋友，下面小编给大家带来了Nginx实现AJAX跨域请求问题的相关知识，感兴趣的朋友一起学习吧2016-06-06
Razor功能非常强大，但是本身并不能做到无刷新，所以需要配合ajax使用。本文通过一个例子给大家介绍使用Ajax局部更新Razor页面，需要的朋友参考下吧2017-09-09
AJAX入门之XMLHttpRequest慨述...2006-06-06
最新评论