Javascript 输入字段区域未显示预先输入建议_Javascript_Php_Jquery_Typeahead.js

Javascript 输入字段区域未显示预先输入建议

javascript php jquery

Javascript 输入字段区域未显示预先输入建议,javascript,php,jquery,typeahead.js,Javascript,Php,Jquery,Typeahead.js,我正在使用TypeaheadJS进行自动建议。Firebug响应结果良好，但结果未显示在输入字段区域。有人帮忙吗 Html代码 <!doctype html> <html> <head> <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> <script src="//cod

我正在使用TypeaheadJS进行自动建议。Firebug响应结果良好，但结果未显示在输入字段区域。有人帮忙吗

Html代码

<!doctype html>
<html>
    <head>
        <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
        <script src="//code.jquery.com/jquery-1.10.2.js"></script>
        <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
        <script src="http://cdn.jsdelivr.net/typeahead.js/0.9.3/typeahead.min.js"></script>
        <script>
        $(document).ready(function () {
            $('input#username').typeahead({
                name: 'username',
                remote: 'search.php?key=%QUERY',
                minLength: 1, // send AJAX request only after user type in at least 3 characters
                limit: 12, // limit to show only 10 results
                highlight: true
            });
        });
        </script>
    </head>
    <body>
        <form id="searchmark" class=""  method="POST">
            <input type="text" id="username" name="username" autocomplete="off" spellcheck="false" class="typeahead-devs"  placeholder="Type name">
            <input type="submit" name="submit" id="submit" value="Search">
        </form>
    </body>
</html>


$（文档）.ready（函数（）{
$（'input#username'）。请提前键入({
名称：“用户名”，
远程：“search.php？key=%QUERY”，
minLength:1，//仅在用户键入至少3个字符后发送AJAX请求
限制：12，//限制仅显示10个结果
推荐理由：没错
});
});

php代码

<?php
include_once '../Controller/DbHelper.php';
$db = new DbHelper();

//$key= $_GET['key'];
$key = $_REQUEST['key'];

// do query 
$query = "SELECT user_name FROM national_certificate WHERE  user_name LIKE :user_name";
$stmt = $db->con->prepare($query);
$stmt->bindValue(':user_name', '%' . $key . '%');
$stmt->execute();

foreach ($stmt->fetchAll(PDO::FETCH_ASSOC) as $row) {
    $result[] = $row["user_name"];
}
echo json_encode($result);
?>

Firebug响应结果（如果我键入ra）

[“拉塞尔·马哈茂德”、“苏拉夫·保罗”、“拉希德”、“萨姆拉特”、“拉赫曼”]

$（文档）.ready（函数（）{
$（'input#username'）。请提前键入({
名称：“#用户名”，
远程：“search.php？key=%QUERY”，
minLength:1，//仅在用户键入至少3个字符后发送AJAX请求
限制：12，//限制仅显示10个结果
推荐理由：没错
});
});