如何在搜索欄下從數據庫添加自動完成建議？

Question

我是Web編程的新手，如果以下問題看起來很愚蠢，請對不起。 我使用JQuery在搜索欄下添加了自動完成功能，但是我不需要使用硬編碼數組作為源，而是需要數據庫中的數據。

任何幫助，將不勝感激 。

<div class="navbar-form navbar-left">
         <input class="form-control" placeholder="search..." name = "search"      type="text"
       autocomplete = off id = "autocomplete_search">
        <script>
         $( "#autocomplete_search" ).autocomplete
         (
           {
             source: ["javascript", "java", "c++", "net", "web", "php"]  
           }
         );
        </script>
  </div>

Answer 1

使用函數獲取數據

source: query()

然后該函數將調用數據。

function query(){
    var q;
    $.post('query.php', function(data){
        q = data;
    })
    return q;
}

那么您的PHP函數將是：

$data = array();
$conn = new PDO("mysql:host=$host;dbname=$dbname", $user, $pass);
$sql = "SELECT firstname FROM users";
foreach($conn->query($sql) as $row){
    array_push($row['firstname'];
}
echo json_encode($data);

然后，您必須嘗試一下。 至少這是一個開始。

這是有關如何編寫簡單查詢的文章。