jQuery技术:使用codeigniter进行jquery自动完成

我正在使用带有codeigniter框架的jQuery自动完成function。

这目前100％有效。

我的模型是：

function get_sku_code($q){ $this->db->select('ProductCode'); $this->db->like('ProductCode', $q); $query = $this->db->get('ProductList'); if($query->num_rows > 0){ foreach ($query->result_array() as $row){ $row_set[] = htmlentities(stripslashes($row['ProductCode'])); //build an array } $this->output->set_content_type('application/json')->set_output(json_encode($row_set)); } } 

我的观点javascript是：

  $("#product").autocomplete( { source: "get_sku_codes", messages: { noResults: '', results: function() {} }, select: function( event, ui ) { var selectedObj = ui.item; $.post('get_sku_prices', {data:selectedObj.value},function(result) { $("#product").parent().parent().find('input[id^="price"]').val(result[0]); $("#product").parent().parent().find('input[id^="adjustedprice"]').val(result[0]); }); } }); 

如上所述，这是100％的工作。 我遇到的一个问题是，如果没有数据库匹配，则自动完成列表只是空白。 当模型没有返回值时，有没有办法返回’数据库中没有匹配’？ 我应该使用jquery还是使用codeigniter mysql请求？

一如既往地谢谢，

控制器 – get_sku_codes

  function get_sku_codes(){ $this->load->model('Sales_model'); if (isset($_GET['term'])){ $q = strtolower($_GET['term']); $this->Sales_model->get_sku_code($q); } } 

  function get_sku_code($q){ $this->db->select('ProductCode'); $this->db->like('ProductCode', $q); $query = $this->db->get('ProductList'); $row_set = array(); if($query->num_rows > 0){ foreach ($query->result_array() as $row){ $row_set[] = htmlentities(stripslashes($row['ProductCode'])); //build an array } return $row_set; } 

  function get_sku_codes(){ $this->load->model('Sales_model'); if (isset($_GET['term'])){ $q = strtolower($_GET['term']); $output = $this->Sales_model->get_sku_code($q); $this->output->set_content_type('application/json')->set_output(json_encode($output)); } } 

  $("#product").autocomplete( { source: "get_sku_codes", response: function(event, ui) { if (ui.content.length === 0) { $("#noMatches").html("No matches"); } else { $("#noMatches").empty(); } }, select: function( event, ui ) { var selectedObj = ui.item; $.post('get_sku_prices', {data:selectedObj.value},function(result) { $("#product").parent().parent().find('input[id^="price"]').val(result[0]); $("#product").parent().parent().find('input[id^="adjustedprice"]').val(result[0]); }); } }); 

以上就是jQuery教程分享使用codeigniter进行jquery自动完成相关内容,想了解更多jQuery开发(异常处理)及jQuery教程关注计算机技术网(www.ctvol.com)!)。