php - Bootstrap 自动完成(提前输入)不起作用

Question

我正在尝试制作一个使用 Bootstrap 预输入功能的自动完成文本框。我已经通过手动输入的 javascript 数组对其进行了测试。然而，我试图添加允许自动完成功能使用来自 mysql 数据库的数据的代码，但我无法让它工作。我该怎么做才能解决此问题，以便自动完成功能显示来自 MySQL 数据库的建议词？

HTML (test2.html)

<div class="well">  
    <input type="text" class="span3" id="typeahead" data-provide="typeahead" data-items="4" />  
</div>  

<script>    
$('#typeahead').typeahead({
    source: function(typeahead, query){
        $.ajax({
            url: 'source.php',
            type: 'POST',
            data: 'query=' + query,
            dataType: 'JSON',
            async: 'false',
            success: function(data){
                typeahead.process(data);
            }
        });
    } 
});     
</script>  

PHP (source.php)

<?php 

include 'connect.php'; // connects to database

if (isset($_POST['query'])) {
    $query = $_POST['query'];
    $mysql_query = mysql_query("SELECT * FROM country WHERE country LIKE '%{$query}%'");

    while ($row = mysql_fetch_assoc($mysql_query)) {  
        $array[] = $row['name'];
    }

    json_cnode($array)

}

Answer 1

错误在您代码的下一部分:

json_cnode ($array)

它应该说:

echo json_encode ($array);