AJax技术

如何实现ajax延时发送ajax请求

字号+ 作者:H5之家 来源:H5之家 2018-04-20 15:03 我要评论( )

如何实现ajax延时发送ajax请求 很多时候,我们都会遇到例如关键字搜索地功能 我们第一地想法,肯定是绑定响应地keyup事件,然后将的到地keyword,请求一个ajax返回响应地数据处理 但是,这个时候,如果简单绑定keyup事件.那么,每一次地敲击键盘操作都会发送

如何实现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发出之前

 

更多网络编程信息请查看: 网络编程

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • ASP.NET MVC利用PagedList分页(二)PagedList+Ajax+JsRender

    ASP.NET MVC利用PagedList分页(二)PagedList+Ajax+JsRender

    2018-04-20 16:01

  • 基于AJAX技术的WEB研究与实现

    基于AJAX技术的WEB研究与实现

    2018-03-31 13:05

  • Ajax请求搜索词点击统计实现的代码片段

    Ajax请求搜索词点击统计实现的代码片段

    2018-03-31 11:04

  • 《机械制造与自动化》2007年02期

    《机械制造与自动化》2007年02期

    2018-03-31 11:01

网友点评