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

Question

我是網絡編程新手，非常抱歉，如果下面的問題看起來很愚蠢。我使用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); 

然後你必須玩的那個。至少這是一個開始。

Here's a post on how to write a simple query.