表格通过多次检查变慢

Question

我们有一个应用程序，我们可以使用它扫描承运商的条形码并将其存储在数据库中。

货件编号有不同的长度。我们使用 Javascript 检查字符并在识别出一定数量的字符后立即发送表单。总共有 10 种不同的条形码必须被识别。

问题会是扫描的时候，每个字符一个接一个的插入非常快，导致查询量很大。

如果一个接一个地扫描多个托运单号，总是会变慢，需要 5-10 秒才能重新加载表格。

您知道如何改进流程吗？

$(function() {
  var $id = $('#input_field');
  $id.keyup(function(e) {
    if ($id.val().length == 9 || $id.val().length == 12 || $id.val().length == 13 || $id.val().length == 14 || $id.val().length == 18 || $id.val().length == 19 || $id.val().length == 20 || $id.val().length == 26 || $id.val().length == 27 || $id.val().length == 28) {
      $(this.form).submit();
    }
  });
});

Answer 1

感觉debounce 函数在这里很有用，您可以在其中指定可以调用指定函数的时间段（因此在提交之前允许“击键”之间的时间）。