• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营
  • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    如何实现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发出之前

    您可能感兴趣的文章:
    • AJAX中同时发送多个请求XMLHttpRequest对象处理方法
    • Extjs ajax同步请求时post方式参数发送方式
    • jquery+ajax每秒向后台发送请求数据然后返回页面的代码
    • jquery跨域请求示例分享(jquery发送ajax请求)
    • jquery的ajax异步请求接收返回json数据实例
    • jsp+ajax发送GET请求的方法
    • js与jQuery终止正在发送的ajax请求的方法
    • 防止重复发送Ajax请求的解决方案
    • Ajax发送和接收请求
    上一篇:使用$.getJSON实现跨域ajax请求示例代码
    下一篇:解析ajax核心XMLHTTPRequest对象的创建与浏览器的兼容问题
  • 相关文章
  • 

    © 2016-2020 巨人网络通讯

    时间:9:00-21:00 (节假日不休)

    地址:江苏信息产业基地11号楼四层

    《增值电信业务经营许可证》 苏B2-20120278

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