input框实时搜索

输入框中输入数据实时获取反馈。类似百度搜索。
连续输入以最后一次为准,间隔500ms。

var _ajax,time1,time2,time3 = null;
$("#inputUrl").on("input propertychange", function () {
     if($("#inputUrl").val() == ''){
         return
     }
     if(_ajax && _ajax.readyState != 4) {
         _ajax.abort();
         clearTimeout(time3);
         clearTimeout(time1);
         clearTimeout(time2);
     }
     var ajaxUrl = $("#inputUrl").val();
     ajaxTime(ajaxUrl);
 });
 function ajaxTime(url){
     //实时搜索
     if(time3){
         clearTimeout(time3);
     }
     time3 = setTimeout(function(){
         _ajax = $.ajax({
             url:'/erp/api/grasprule/mapper/',
             type:'POST',
             data:{'url':url},
             beforeSend: function () {
                 if(!$("#inputUrl").val() == ''){
                     time1 = setTimeout(function(){
                     //三秒后没有返回数据提示
                         toastr.info("这一定是个长页面!正在获取最新内容和截图");
                         time2 = setTimeout(function(){
                         //十秒后没有返回数据提醒
                             toastr.info("正在努力,请稍等片刻...");
                         },7000);
                     },3000);
                 }
             },
             success:function(data){
                 clearTimeout(time1);
                 clearTimeout(time2);
             },
             error:function(XMLHttpRequest, textStatus, errorThrown){
                 if(textStatus !== "abort"){
                     clearTimeout(time1);
                     clearTimeout(time2);
                 }
             }
         })
     },500);
 }
  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值