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);