如果有硬编码数据输入其中,我的自动完成工作正常。我的 PHP 正在返回一个 JSON 结果。我不确定我哪里出错了。
HTML
<div class="form-group bgcolor">
<label for="send_to">Direct to: </label><input type="text" name="send_to" id="send_to" class="form-control send_to typeahead" placeholder="Leave blank normally">
</div>
查询
$('.typeahead').typeahead({
source: {
groupName: {
ajax({
url: 'scripts/order_messaging.php',
method: 'POST',
data: JSON.stringify({action: 'autocomplete_to_user', query:query}),
contentType: 'application/json',
dataType: 'json',
success:function(data)
{
result($.map(data, function(item){
return item;
}));
}
})
},
},
debug: true
});
PHP
//autocomplete user name for user_to
if ( $_POST['action'] == 'autocomplete_to_user' ) {
$stmt = $pdo->prepare('select * from login where username like :query');
$stmt->bindValue('query', '%'.$_POST['query'].'%');
$stmt->execute();
$result = array();
while($user_name = $stmt->fetch(PDO::FETCH_OBJ)) {
array_push($result, $user_name->username);
}
echo json_encode($result);
}
我认为这是我的 jQuery 中的这一行:data: {action: 'autocomplete_to_user', query:query},
也许我有语法问题。
好吧,经过多次反复试验,我得到了使用 jQuery .autocomplete 的自动完成功能。
我不知道我在 typeahead 上做错了什么,但是文档很难理解(可能是因为我对 jQuery 的经验有限)。
致所有未来需要帮助的人;这是我发现有帮助的教程:jquery ui autocomplete tutorial
谢谢大家
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句