html - 自动完成从数据库中获取数据不起作用

Question

嘿，我想为系统做自动完成。我从这里查看教程 -> [ http://cahbagusnongkrong.blogspot.my/2016/11/membuat-autocomplete-dari-database.html.]

问题是我的自动完成仍然没有用 eventho 我按照教程做的一样(只是更改名称)

这是我的 Controller :

public function __construct()
{
    parent::__construct();
    $this->load->model('Kepakaran_m');
    $this->load->helper('url', 'form');   

}

public function index()
{   $this->load->helper('form');
    $autocomp_bidang = $this->Kepakaran_m->get_bidang();
    $this->template->set('autocomp_bdg', $autocomp_bidang);
    $this->template->set('kepakaran',$kepakaran_staff);
    $this->template->render('profil/profilpersonal');

}  



public function get_bidang() {    
    $keyword = $this->uri->segment(3);
    $data = $this->dbsmk->from('kexpt103kodbidang')->like('bidang',$keyword)->get();            

    foreach($data->result() as $row)
    {
        $arr['query'] = $keyword;
        $arr['suggestions'][] = array(
            'value'    =>$row->bidang
        );
    }
    echo json_encode($arr);
}

我的模型如下所示:

 function get_bidang(){

 $sql= "SELECT bidang FROM kexpt103kodbidang ORDER BY bidang";

    $query = $this->dbsmk->query($sql);
    return $query->result();}

我的观点在这里:

<div class="col-sm-4 col-sm-offset-1">
     <div class="form-group">    
        <div class="col-md-12">
          <input type="text" class="form-control autocomplete" name="bidang" id="bidang" autofocus/>
         </div>
     </div>
  </div>
<script type="text/javascript">
var site = "<?php echo site_url();?>";
$(function(){
    $('#bidang').autocomplete({
        serviceUrl: site+'expert/get_bidang',
    });
});
</script> 

Answer 1

您需要调试您的功能。首先检查您的 Controller 是否正常工作。

你可以试试下面的代码:

<script type="text/javascript">
var site = "<?php echo site_url();?>";
$(function(){

    $('#bidang').autocomplete({
        serviceUrl: site+'expert/get_bidang/'+$(this).val()
    });
});
</script>

您需要为关键字传递值。还尝试使用 Firebug 检查实际调用了哪个 URL。

尝试通过在从 Controller 发送之前打印结果来进行调试。您也可以尝试使用来自 Controller 的静态数组。

让我知道调试中是否有任何问题。