如何在搜索栏下添加来自数据库的自动完成建议？

【问题标题】：How to add autocomplete suggestions from database under search bar ?如何在搜索栏下添加来自数据库的自动完成建议？
【发布时间】：2014-03-20 16:43:14
【问题描述】：

我是网络编程的新手，如果以下问题看起来很愚蠢，我很抱歉。我使用 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>

【问题讨论】：

标签： javascript php jquery mysql search

【解决方案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.

【讨论】：