如何将 JSON 对象内的 JSON 数组传递给 jQuery 自动完成

Question

我正在使用 jQuery 自动完成功能通过 Ajax 调用接收特定数据。我从 Ajax 调用收到的数据是一个 JSON 对象，其中包含一个 JSON 数组。我需要将此 json 数组的每个结果显示到自动完成搜索结果中。格式将是这样的：

{
    "returnCode":"success",
    "status":"success", 
    "searchResults" :[{"val":"123"},{"val":"456"},{"val":"789"}]
   }

现在我需要在自动完成下拉菜单中显示 123 456 和 789。在 formatItem 和 formatResult 中尝试了一些代码，但似乎没有达到目的。

formatItem: function(row,i,max) {
var returnObject = eval("(" + row + ")");
var searchResults = returnObject.searchResults;
if(searchResults.length>0){
    for(i=1; i<searchResults.length; i++){
        // What to do here?
    }
}

Answer 1

试试

var cache = {};
elem.autocomplete({
    minLength: 2,
    source: function(request, response) {
      var term = request.term;
      if (!!cache[term]) {
        response(cache[term][0]);
        return
      };
      cache[term] = [];
      $.getJSON("/path/to/json/")
      .then(function success(data) {
          var res = $.map(data.searchResults, function(val) {
            return val.val
          });          
          cache[term].push(res);
          response(res)
        }, function error(jqxhr, textStatus, errorThrown) {
             console.log(textStatus, errorThrown) // log `$.ajax` errors
      })
    }
});

jsfiddle http://jsfiddle.net/guest271314/wr1wg5df/