我的自动完成功能在 codeigniter 中不起作用答案

【问题标题】：my autocomplete is not working in codeigniter我的自动完成功能在 codeigniter 中不起作用
【发布时间】：2019-02-07 06:52:18
【问题描述】：

myautocomple 在 codeiginiter 中不起作用甚至我的 chrome 调试器 --> 网络 --> 也显示了正确的结果。这是我的视图文件代码：

<input type="text" class="form-control select_group product" style="text-transform: uppercase;" id="gang" name="gang" placeholder="Gangman Name" autocomplete="off" >
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">            
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$( "#gang" ).autocomplete({
source: "<?php echo base_url('Issue/getGangName/?');?>",
minLength: 3
});
});
</script>

这是我的控制器功能

public function GetGangName()
{
  $this->load->model('Issuemodel');
  $gangdata=$this->Issuemodel->GetGang();        
  echo json_encode($gangdata);
}

【问题讨论】：

欢迎。你是什么意思“不起作用”？输入 3 个字符时没有任何反应？请展示你的 json 的样子。
实际上它显示的是盒子但没有显示其中的数据。这是我的 json:- [{"gang_name":" NARAYAN SINGH CHUNDAWAT MLS"},{"gang_name":" RADHESHYAM SARGRA RMCH 2"},{"gang_name":" TRILOK CHANDRA SUTHAR RMCH 2"},{"gang_name ":"ASLAM KHAN"},{"gang_name":"BHARAT SINGH"},{"gang_name":"Bhrth Raj Mehta RMCH 2"},{"gang_name":"CHANDRA PAL SINGH"},{"gang_name": "Deepak sharma"},{"gang_name":"DEVI LAL KACHI"},{"gang_name":"GAANGA SINGH RATHORE"}]

标签： php jquery jquery-ui jquery-ui-autocomplete

【解决方案1】：

根据jQuery UI Autocomplete's docs，您的 PHP 处理程序应该以如下形式返回数据：

[
  "NARAYAN SINGH CHUNDAWAT MLS",
  "RADHESHYAM SARGRA RMCH 2",
  // ...
]

或类似的形式：

[
  { "label": "some label", "value": "NARAYAN SINGH CHUNDAWAT MLS" },
  { "label": "some label", "value": "RADHESHYAM SARGRA RMCH 2" },
  // ...
];
// Note: should work with only the "value" key if you don't need the labels

使用原始数据的示例（我只是更改了相关的代码块）：

<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>

<script type="text/javascript">
  $(document).ready(function() {
    $("#gang").autocomplete({
      source: [{
        "value": "NARAYAN SINGH CHUNDAWAT MLS"
      }, {
        "value": "RADHESHYAM SARGRA RMCH 2"
      }, {
        "value": "TRILOK CHANDRA SUTHAR RMCH 2"
      }, {
        "value": "ASLAM KHAN"
      }, {
        "value": "BHARAT SINGH"
      }, {
        "value": "Bhrth Raj Mehta RMCH 2"
      }, {
        "value": "CHANDRA PAL SINGH"
      }, {
        "value": "Deepak sharma"
      }, {
        "value": "DEVI LAL KACHI"
      }, {
        "value": "GAANGA SINGH RATHORE"
      }],
      minLength: 3
    });
  });
</script>

<input type="text" class="form-control select_group product" style="text-transform: uppercase;" id="gang" name="gang" placeholder="Gangman Name" autocomplete="off">

【讨论】：