延迟jQuery中按键之间的动作

小编典典

延迟jQuery中按键之间的动作

ajax

如何在jQuery中的按键之间延迟动作。例如;

我有这样的东西

 if($(this).val().length > 1){
   $.post("stuff.php", {nStr: "" + $(this).val() + ""}, function(data){
    if(data.length > 0) {
      $('#suggestions').show();
      $('#autoSuggestionsList').html(data);
    }else{
      $('#suggestions').hide();
    }
 });
}

如果用户连续输入，我想防止发布数据。那么我该如何延迟0.5秒呢？

阅读 267

2020-07-26

共1个答案

小编典典

您可以使用jQuery的数据功能来执行此操作，如下所示：

$('#mySearch').keyup(function() {
  clearTimeout($.data(this, 'timer'));
  var wait = setTimeout(search, 500);
  $(this).data('timer', wait);
});

function search() {
  $.post("stuff.php", {nStr: "" + $('#mySearch').val() + ""}, function(data){
    if(data.length > 0) {
      $('#suggestions').show();
      $('#autoSuggestionsList').html(data);
    }else{
      $('#suggestions').hide();
    }
  });
}

这里的主要优点是到处都没有全局变量，并且您可以根据需要将其包装在setTimeout中的匿名函数中，只是尝试使示例尽可能简洁。

2020-07-26