如何在搜索栏下从数据库添加自动填充建议？

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.