如何实现ajax延时发送在空闲之后去发送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发出之前

时间: 2024-10-26 14:35:06

如何实现ajax延时发送在空闲之后去发送ajax请求的相关文章

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

很多时候,我们都会遇到例如关键字搜索的功能 我们第一的想法,肯定是绑定响应的keyup事件,然后将得到的keyword,请求一个ajax返回响应的数据处理 但是,这个时候,如果简单绑定keyup事件.那么,每一次的敲击键盘操作都会发送一个ajax请求,这显然不是我们希望的. 我们希望,尽量在空闲之后去发送ajax请求: 因此,我们设定用户在不敲击键盘之后1S,才去发送这个ajax请求 复制代码 代码如下: var timeout; onkeyup = function() { clearTime

Ajax基础教程(4)- 实现基本Ajax技术 4.6 创建工具提示

我们见过许多使用Ajax的应用,到目前为止,我们认为最有意思的是DVD租借服务Netflix.当浏览Netflix中的各个选择时,会看到各类最新影片的相关图片和文字.当把鼠标停在一个给定影片的图片上时,就会看到更多的信息(见图4-12).尽管不使用Ajax也能达到这个效果,但第一次获取页面时要纳入大量可能永远也不会用到的信息.通过使用Ajax,只会在需要时发送所需的信息. 图4-12 Netflix浏览器特性 虽然我们的例子做得没有这么漂亮,但你能从中了解到如何提供自己的动态工具提示信息.客户端

通过Ajax方式上传文件使用FormData进行Ajax请求_AJAX相关

通过传统的form表单提交的方式上传文件: Html代码  <form id= "uploadForm" action= "http://localhost:8080/cfJAX_RS/rest/file/upload" method= "post" enctype ="multipart/form-data"> <h1 >测试通过Rest接口上传文件 </h1> <p >指定文

Ajax -- 困惑者指南,第1部分:Ajax工具和技术综述

Ajax (Asynchronous JavaScript + XML) 编程技术正逐渐主导 Web 应用程序开发领域.每天都有新的开发人员步入 Ajax 开发的殿堂,他们拥有不同的开发背景.本系列的第 1 部分将提供来自 IBM Ajax 开发人员专家组的 Ajax 开发资源备忘单.作者根据他们自己的 ramp-up 经验为您提供了一些实用的信息,这些信息可以帮助您快速进入高效 Ajax 开发的轨道. Ajax 是一种 Web 应用程序客户机技术,它结合了 JavaScript.层叠样式表(C

qq邮箱-mutt + msmtp ,126邮箱发送成功,QQ邮箱发送失败,请问什么原因导致的失败?感谢

问题描述 mutt + msmtp ,126邮箱发送成功,QQ邮箱发送失败,请问什么原因导致的失败?感谢 我弄了一晚上都没弄好,关于认证.加密.端口什么的都试过无数次了 goolge到一篇帖子,通过抓包发现本应该被识别的部分数据被忽视了,导致步骤错位 (原贴:http://sjcatsoft.cnblogs.com/archive/2009/06/06/1497772.html) 请更明白其中原因的大神,能够精确指点一下 (我猜想sendmail或者postfix会不会存在类似的问题) 感谢~

strut2-Struts2 如何发送参数中带有list对象的请求

问题描述 Struts2 如何发送参数中带有list对象的请求 状态描述: 需要从SSH环境中发送一个POST请求到网络上的某个获取数据的URL,但是此Url的post请求中有一个对象Object1,object1包含两个List的对象,我从网络上查了很多发送post请求的数据,但是根本无法找到如何在请求中加入list的,当时我想是不是可以用url?param=object1.list.get(0).param = value来进行传递,但是没成功. 我知道在PHP中有的POST请求封装的非常顶

路由-请问如何让用户数据包都通过虚拟网卡发送到实网卡再发送出去

问题描述 请问如何让用户数据包都通过虚拟网卡发送到实网卡再发送出去 在内核中添加了一个虚拟网卡,如何设置才可以让上层的数据包都发往虚拟网卡,再通过虚拟网卡发往实网卡,最后发送出去.让上层认为虚拟网卡就是实网卡,所有数据都发往虚拟网卡.我想的是修改默认路由表,但是不知道行不行的通,另外如果修改路由表的话,是不是每次开机都要重新修改? 解决方案 装一个虚拟机可以解决此问题. 解决方案二: 虚拟机网卡的NAT模式.

求人帮忙 扩展思路 我只用过ajax 登陆和AjaxControlToolkit 大家所说的学习ajax是学这两点吗? 用ajax如何判断数据库里是否存在 **数据呢

问题描述 求人帮忙扩展思路我只用过ajax登陆和AjaxControlToolkit大家所说的学习ajax是学这两点吗?用ajax如何判断数据库里是否存在**数据呢 解决方案 解决方案二:d解决方案三:用过,感觉MS的东东普遍特点是能耗太高,不太环保.

通信-socket如何实现其中的发送回调函数和完成发送的代码功能

问题描述 socket如何实现其中的发送回调函数和完成发送的代码功能 c#socket异步通信中的SendCallback类包含在静态类中如何实现其中的发送回调函数和完成发送的代码功能 以及错误如何解决 using Newtonsoft.Json; using System; using System.Collections.Generic; using System.IO; using System.Linq; using System.Net; using System.Net.Socket