如何在 javascript 中使用数组创建简单搜索

Question

我想使用数组而不是数据库来创建搜索。我这样做对吗？

<script type="text/javascript">
  $(document).ready(function() {
    $(document).on('submit', '#sample', function() {
      var inputs = document.getElementById("key_id").value;
      var keys = ("testing", "test", "service");
      var keyslgt = keys.length;

      for (var i = 0; i < keyslgt; i++) {
        if (inputs == keys[i]) {
          document.getElementById("demo").innerHTML = "Success";
        } else {
          document.getElementById("demo").innerHTML = "Try different keywords";
        }
      }
      return false;
    });
  });

</script>

我希望输入在数组中进行搜索；如果它匹配它的成功（示例）。我避免使用 php，因为我不希望我的页面重新加载。我尝试使用 ajax 代码使页面在单击提交按钮时不重新加载，但它不起作用所以我尝试其他方式。

Answer 1

这个循环有一个问题，好像最后一个键不匹配它总是会说“尝试不同的关键字”，即使在前面的单词是匹配的。 您还有语法问题。应该在发布之前进行调试，因为它们在开发控制台中很明显。

for(var i=0; i < keyslgt; i++){
  if (inputs == keys[i]){
     document.getElementById("demo").innerHTML = "Success";
     // you could break here to prevent the false condition being met
     break;
  }
  else{
    // this will always show in your code unless the last key matches the input
    document.getElementById("demo").innerHTML = "Try different keywords";
  }
}