我是网络编程的新手,如果以下问题看起来很愚蠢,我深表歉意。我使用 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>
最佳答案
使用函数获取数据
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);
然后您将不得不尝试一下。至少这是一个开始。
关于javascript - 如何在搜索栏下添加来自数据库的自动完成建议?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21895958/