jQuery-UI 自动完成数据未显示答案

【问题标题】：jQuery-UI autocomplete data not showingjQuery-UI 自动完成数据未显示
【发布时间】：2017-10-16 13:44:09
【问题描述】：

jQuery:

function search($id, $column) {
  $("#" + $id).autocomplete({
    source: function(request, response) {
      jQuery.post("<?php echo base_url().'index.php/Auto_complete/item_search'?>", {
        Query: request.term,
        column: $column
      }, function(data) {
        response(data);
      });
    }
  });
}

HTML：

<input type="text" class="form-control English_name" id="English_name" name="English_name" placeholder="Enter Item Name (English)" onchange="product_name()" onkeyup="search('English_name', 'English_name')" autocomplete="off">

AJAX 输出：

["Styler King 6 Card Holder  (Set of 1, Khaki)","ds 18 sticker","famous sticker","wx sticker","lk small sticker","LX Sticker"]

任何人都可以帮助我为什么没有显示数据以及如何在 jQuery UI 自动完成中显示数据？

【问题讨论】：

标签： javascript jquery ajax jquery-ui autocomplete

【解决方案1】：

不清楚你想用你的代码完成什么。

下面是一个可能对您有帮助的示例：

https://jsfiddle.net/Twisty/t1ruyg11/

JavaScript

var myData = [
  "Styler King 6 Card Holder  (Set of 1, Khaki)",
  "ds 18 sticker",
  "famous sticker",
  "wx sticker",
  "lk small sticker",
  "LX Sticker"
];

$(function() {
  $("#English_name").autocomplete({
    source: function(req, resp) {
      $.post("/echo/json/", {
        json: JSON.stringify(myData)
      }, function(data) {
        resp($.ui.autocomplete.filter(data, req.term));
      });
    }
  });
});

现在，考虑到您的代码，您可能想尝试以下方法：

function search(t, c){
  var url = "<?php echo base_url().'index.php/Auto_complete/item_search'; ?>";
  var query = {
    Query: t.trim(),
    column: c
  };
  $.post(url, query, function(results){
    if(results.length){
      return results;
    } else {
      return [];
    }
  });
}

$(function(){
  $("#English_name").autocomplete({
    source: function(request, response){
      response(search(request.term), $column);
    }
  });
});

【讨论】：