如何使用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"; 
    } 
}