OStack程序员社区-中国程序员成长平台 › 门户 ›编程› AJAX› AJAX编程经验 › 查看内容

如何实现ajax延时发送在空闲之后去发送ajax请求

2022-2-5 16:58| 发布者: 菜鸟教程小白| 查看: 227| 评论: 0|原作者: [db:作者]|来自: [db:来源]

摘要: 关键字搜索的功能，还是比较实用的，在实现过程中就需用到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发出之前

鲜花

握手

雷人

路过

鸡蛋

收藏邀请

上一篇：使用$.getJSON实现跨域ajax请求示例代码下一篇：解析ajax核心XMLHTTPRequest对象的创建与浏览器的兼容问题

该文章已有0人参与评论

客服电话

电子邮件

如何实现ajax延时发送在空闲之后去发送ajax请求

请发表评论

全部评论

相关分类

关于我们

产品与服务

解决方案

139-2527-9053