Question

这是我的代码：

$("input").on('keydown', function(){
    $.ajax({
        url :  '/files/tags_autocomplete.php',
        dataType : 'JSON',
        success : function (tags) {
            $("ul").html(tags.output);
        }
    });
});

我的代码在他输入标签时建议使用一些标签（目前为止用户已写入的内容具有匹配的子字符串）作为自动完成框。

我的问题是什么？我的当前代码会为每个 keydown 发送一个新的ajax请求。例如，如果用户写something，我的脚本会发送9个ajax请求，这看起来像是一场噩梦。

无论如何，我该如何处理？我的意思是我需要实现发送延迟吗？像“之类的东西，直到最后一个字符插入后1秒才发送请求”？还是有更好的主意？

Answer 1

您可以创建一个简单的节流机制

$("input").on('keydown', function(){

    clearTimeout( $(this).data('timer'); )

    var timer = setTimeout(function() {
      $.ajax({
          url :  '/files/tags_autocomplete.php',
          dataType : 'JSON',
          success : function (tags) {
              $("ul").html(tags.output);
          }
      });
    }, 500);

    $(this).data('timer', timer);
});

如何延迟发送ajax请求？

1 个答案: