jQuery自动完成，解析JSON结果

编程不是新手，而是Javascript和JQuery的新手。

我很难从哪里解析JSON结果，我从AJAX查询中获得了JQuery的自动完成功能。

这是我到目前为止的内容：

$(document).ready(function () { 

  function split( val ) { 
    return val.split( /,\s*/ );
  } 
  function extractLast( term ) { 
    return split( term ).pop();
  }

  $('#related').bind( "keydown", function( event ) {
    if ( event.keyCode === $.ui.keyCode.TAB && $(this).autocomplete( "instance" ).menu.active ) { 
      event.preventDefault();
    }
  }).autocomplete({ 
    source: function( request, response ) { 
      $.getJSON( "/api/v1/indicator/", { specific: extractLast( request.term ) }, response);
    }, search: function() { 
      var term = extractLast ( this.value ) ;
      if ( term.length < 2) { 
        return false;
      }
    }, focus: function() { 
      return false;
    }, select: function( event, ui ) { 
      var terms = split( this.value );
      console.log(terms);
      terms.pop();
      terms.push( ui.item.value );
      terms.push( "" ) ;
      this.value = terms.join( ", " );
      return false;
    }
  });
});

JSON结果如下所示：

{"data": [{"value": "dfdsfsdfasdf.com"}]}

并且我想用我从AJAX查询返回的结果填充“ #related”输入。

编辑1：

好了，这是新的代码部分：

                source: function( request, response ) { 
                    $.getJSON( "/api/v1/indicator/", { specific: extractLast( request.term ) },
                    function(data) {
                        var indicatorItems = [];
                        $.each(data, function(k, v) { 
                            $.each(v, function(i, indicator) { 
                                indicatorItems.push(indicator['value']);
                            });
                        });
                        console.log(indicatorItems);
                        response(indicatorItems);
                    })

现在，它仍然没有显示在自动完成的用户界面中，并且我没有抛出任何错误。上面哪个函数（搜索，焦点或选择）是传递和操纵“响应”变量的位置？我正在查看AutoComplete的文档，但似乎无法正确解决。

编辑2：

好的，显然它正在运行，但是没有在正确的容器中显示。我可以看到结果填充在“ #related”输入之外（在后台）。

编辑3：

得到它的工作！需要使用一些更改CSS

.ui-autocomplete { z-index: 1050; }