AJAX / JQuery - 在键入后停止setInterval

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (1)
  • 关注 (0)
  • 查看 (21)

我目前正在使用ajax进行实时搜索

不过,我用我的搜索框卡在间隔部分。

什么工作:

  • setInterval运行,如果我对搜索框无所作为
  • 当我在搜索框中搜索(输入关键字)时,setInterval停止

什么不起作用:

  • 在我删除搜索框中的关键字后,setInterval未运行

我怎么能像第一次运行setInterval?

我到目前为止所尝试的:

$(document).ready(function(){

 load_data();

 function load_data(query)
 {
  $.ajax({
   url:"fetch.php",
   method:"POST",
   data:{query:query},
   success:function(data)
   {
    $('.result').html(data);
   }
  });
 }

 var jump = setInterval(load_data, 1000);

 $('#searchbox').keyup(function(){
  var search = $(this).val();
  if(search != '')
  {
   load_data(search);
   clearInterval(jump);
  }
  else
  {
    load_data();
  }
 });

});
提问于
用户回答回答于

扫码关注云+社区

领取腾讯云代金券

玩转腾讯云 有奖征文活动