使用jQuery和CodeIgniter自动完成

时间:2015-06-06 14:52:30

标签: jquery codeigniter jquery-ui jquery-ui-autocomplete

我用codeigniter框架创建一个web项目,我想做一个像facebook搜索一样的自动完成搜索,使用jqueriui,但是我有问题,结果没有显示结果,请帮帮我 这是我的模特

function search_auto($nama){
  $this->db->select('*');
  $this->db->like('nama_lengkap',$nama,'both');
  return $this->db->get('user')->result();
}

这是我的控制器

function search(){
  if (isset($_GET['term'])) {
    $result = $this->login->search_auto($_GET['term']);
    if (count($result)>0) {
      foreach ($result as $key) {
        //$arr_result[] = '<a><div class="list_item_container"><div class="label">'. $key->nama_lengkap . '</div><div class="description">' . $key->username . '</div></div></a>';
        $arr_result['nama']=$key->nama_lengkap;
        $arr_result['username'] = $key->username;
        $arr_result['photo'] = $key->foto;
        echo json_encode($arr_result);
      }
    }
  }
}

这是我调用自动完成jquery的javascript

$("#nama_lengkap").autocomplete({
  source: "<?php echo site_url('akun/search'); ?>"
}).data( "autocomplete" )._renderItem = function( ul, item ) {
  var inner_html = '<a><div class="list_item_container"><div class="image"><img src="img/' + item.foto + '"></div><div class="label">' + item.nama + '</div><div class="description">' + item.username + '</div></div></a>';
  return $( "<li></li>" )
      .data( "item.autocomplete", item )
      .append(inner_html)
      .appendTo( ul );
};
});

0 个答案:

没有答案