javascript - 仅在每个时间间隔发生 jQuery 事件

Question

$(document).ready(function() {

    $('#domain').change(function() {

        //

    });

});

更改函数中的代码基本上会发送 ajax 请求来运行 PHP 脚本。 #domain 是一个文本输入字段。所以基本上我想做的是当用户在文本字段内输入一些文本时发送 ajax 请求(例如搜索建议)。

不过，我想设置一个时间间隔以减轻PHP服务器的负载。因为如果每次用户向文本字段添加另一个字母时 jQuery 发送 AJAX 请求，它会消耗大量带宽。

所以我想设置 2 秒作为间隔。每次用户输入字母时都会触发 AJAX 请求，但最大频率为 2 秒。

我该怎么做？

Answer 1

$(function() {
  var timer = 0;
  $("#domain").change(function() {
    clearTimeout(timer);
    timer = setTimeout(function(){
      // Do stuff here
    }, 2000);
  });
});