Jquery 带codeigniter的引导标签输入_Jquery_Codeigniter_Bootstrap Tags Input

Jquery 带codeigniter的引导标签输入

jquery codeigniter

Jquery 带codeigniter的引导标签输入,jquery,codeigniter,bootstrap-tags-input,Jquery,Codeigniter,Bootstrap Tags Input,我正在使用codeigniter 我能够在控制器上使用此函数获取json数据 public function tags() { $data = array(); $query = $this->db->get('category'); $results = $query->result_array(); foreach ($results as $result) { $data[] = array(

我正在使用codeigniter

我能够在控制器上使用此函数获取json数据

public function tags() {
    $data = array();

    $query = $this->db->get('category');

    $results = $query->result_array();

    foreach ($results as $result) {
        $data[] = array(
            'category_id' => $result['category_id'],
            'name' => $result['name']
        );
    }

    $this->output
    ->set_content_type('application/json')
    ->set_output(json_encode($data));
}

结果是

[{"category_id":"1","name":"codeigniter"},{"category_id":"2","name":"php"},{"category_id":"3","name":"html"},{"category_id":"4","name":"css"},{"category_id":"5","name":"javascript"}]

在Bootstrap标记输入中，我尝试使用对象作为标记示例

但当我点击输入时，json列表不会下拉

问题如何从控制器获取和使用json数据引导标记输入脚本的步骤


$（文档）.ready（函数（）{
变量类别=新猎犬({
datumTokenizer:Bloodhound.tokenizers.obj.whitespace（'text'），
queryTokenizer:猎犬，标记，空白，
预回迁：“
});
category.initialize（）；
elt=$（“#输入标记”）；
埃特·塔格辛普特酒店({
itemValue:'category_id'，
itemText:'名称'，
typeaheadjs：{
名称：'类别'，
displayKey:'文本'，
来源：category.ttAdapter（）
}
});
});

我脑袋里装了子弹

<head>
<link rel="stylesheet" type="text/css" href="<?php echo base_url('assets/plugins/tags/bootstrap-tagsinput.css');?>" />

<script type="text/javascript" src="<?php echo base_url('assets/jQuery/jquery-3.1.1.js');?>"></script>
<script type="text/javascript" src="<?php echo base_url('assets/plugins/tags/bootstrap-tagsinput.js');?>"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/typeahead.js/0.11.1/typeahead.bundle.min.js"></script>
</head>


<head>
<link rel="stylesheet" type="text/css" href="<?php echo base_url('assets/plugins/tags/bootstrap-tagsinput.css');?>" />

<script type="text/javascript" src="<?php echo base_url('assets/jQuery/jquery-3.1.1.js');?>"></script>
<script type="text/javascript" src="<?php echo base_url('assets/plugins/tags/bootstrap-tagsinput.js');?>"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/typeahead.js/0.11.1/typeahead.bundle.min.js"></script>
</head>