JQuery:无需按提交按钮即可提交数据？

Question

$(function(){
   $("input[type=text]").keypress(function(){
        $("#loader").load("saveinputtodatabase.php", {...});
   });
});

这在我的代码上运行良好。每次用户在输入中键入内容时，它都会将数据保存在数据库中。但我知道这对服务器不公平，因为它会多次加载许多相同的文件，从而导致带宽使用超出应有的范围。

如何才能使其仅在用户按下按键后 10 秒后才加载“saveinputtodatabase.php”？

Answer 1

您可以使用 setTimeout 和 clearTimeout 来实现此目的。

$(function(){
  var timeout = 10000; // 10 seconds
  var tmt = null;
  $("input[type=text]").keypress(function() {
    if (tmt) clearTimeout(tmt);
    tmt = setTimeout(function() {   
      $("#loader").load("saveinputtodatabase.php", {...});
    }, timeout);
  });
});