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