TypeaHead无法从数据库获取数据

Question

我正在研究jQuery的提前

 $('#country_v1-query<?= $i  ?>').typeahead({
                            order: "desc",
                                    source: {
                                    data: [
                                            "Afghanistan", "Albania", "Algeria", "Afdorra"
                                    ]
                                    },
                                    callback: {
                                    onInit: function(node) {
                                    console.log('Typeahead Initiated on ' + node.selector);
                                    }
                                    }
                            });

我想像这样传递来自php的数据

for ($i = 1; $i <= 10; $i++) {
$ar = array('apple', 'orange', 'banana', 'strawberry');
echo json_encode($ar);

我想像这样提前显示此数据（json_encode（$ ar））

data:[<?php echo json_encode($ar);?>] 

但是当我包含json的标头时，它将页面呈现为json并停止加载HTML和CSS提前感谢

Answer 1

使用implode()可以将PHP数组作为javascript数组输出为一行：

data: <? echo '["'.implode('","', $ar).'"]'; ?> 

将产生

data: ["apple","orange","banana","strawberry"]