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/

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

1 个答案: