Почему автозаполнение Jquery-ui не работает в codeigniter?

Question

Я создаю приложение для блога. У меня есть окно поиска, которое предложит категории в качестве пользовательских типов. Поэтому я использую автозаполнение jquery-ui. Но не уверен, почему это не работает. Я новичок в этом и провожу целый день. пожалуйста помоги. Вот мой код.

Модель:

public function getCategoriesJson ($keyword) {

    $this->db->select('cat_name');
    $this->db->from('categories');
    $this->db->like('cat_name', $keyword);

    $data = $this->db->get()->result_array();

    $output = array();

    if ($data) {
        foreach ($data as $d) {
            array_push($output, $d['cat_name']);
        }
    }

    echo json_encode($output);
}

вид:

Контроллер:

public function getCatJson () {

    $this->Category_model->getCategoriesJson($this->input->get('query'));
}

Сценарий:

$('#search').autocomplete({

    source: '<?php echo base_url(); ?>categories/getCatJson?query=' + $('#search').val(),

    minLength: 1
});

Answer 1

Наконец-то у меня есть решение. Я изменил код функции модели и сценарий, как показано ниже, и он работает.

Модель:

public function getCategoriesJson($keyword)
{
        $this->db->select('cat_name');
        $this->db->from('categories');
        $this->db->like('cat_name', $keyword);

        $data = $this->db->get()->result_array();

        $output = array();

        if($data)
        {
            foreach($data as $d)
            {
                array_push($output, ['label' => $d['cat_name']]);
            }
        }

        echo json_encode($output);
}

Сценарий:

$("#search").autocomplete({
        source: function (request, response) {
            $.ajax({
                url: '<?php echo base_url(); ?>categories/getCatJson',
                type:'GET',
                dataType: "json",
                data: {
                    query: request.term
                },
                success: function (data) {
                    response(data);
                },
                error: function (message) {
                    response([{'label': 'Not found!'}]);
                }
            });
        },
        minLength: 2
    });