通过多次检查，表单变得很慢

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函数在这里很有用，在这里您可以指定调用指定函数之间的一段时间(因此在提交之前允许在“击键”之间留出一段时间)。