用于 Jquery 自动完成的 JSON

Question

我有来自 php 文件的 JSON 响应。

[{
  "NAME": "Kiev"
}, {
  "NAME": "Kiev metro"
}, {
  "NAME": "Kiev-Dnepro"
}, {
  "NAME": "Kiev-Dnepro"
}, {
  "NAME": "Kiev-Donetsk"
}, {
  "NAME": "Kiev-Donetsk"
}]

如何将其用于标准 Jquery 自动完成功能？自动完成功能确实请求，但似乎无法解析此 json 的响应（简单数组工作正常）。 请帮帮我

---

德林，是的，就是这样。工作正常！但现在我想稍微修改一下。我得到了更多数据作为响应，我想在主自动完成输入附近显示它

var infoGISName = null;
var infoGISType = null;
var infoGISLocationID = null;
var infoGISParentID = null;

$('#GISName').autocomplete({
source: function(request, response) {
  $.getJSON("autocomplete.php", {
    term: request.term
  }, function(result) {
    response($.map(result, function(item) {
      infoGISName = item.NAME;
      infoGISType = item.GIS_TYPE;
      infoGISLocationID = item.LOCATION_ID;
      infoGISParentID = item.PARENT_ID;
      return item.NAME;
    }));
  });
},
change: function(event, ui) {
  $('#infoGISName').html(infoGISName);
  $('#infoGISType').html(infoGISType);
  $('#infoGISLocationID').html(infoGISLocationID);
  $('#infoGISParentID').html(infoGISParentID);
},
minLength: 3

});
});

那么当我在自动完成输入中更改文本时，如何更改字段中的数据？现在我只看到 JSON 记录集中的最后一个值

Answer 1

您可以使用formatItem 选项：

$('#foo').autocomplete({ 
    url : '/foo', 
    formatItem: function(item, position, length) {
        return item.NAME;
    } 
});

---

对于 jquery ui 自动完成，您可以通过以下方式实现：

$('#foo').autocomplete({
    source: function(request, response) {
        $.getJSON('/foo.php', { q: request.term }, function(result) {
            response($.map(result, function(item) {
                return item.NAME;
            }));
        });
    }
});