jquery-ui - JQuery自动完成不显示结果

Question

我正在尝试在我的表单上实现自动完成 jQuery

我有一个 CIE 输入字段，这是我的 js 代码：

<script type="text/javascript">
    $(function () {
        $("#cie").autocomplete({
            minLength: 3,
            source: "autocomplete"
        })
    });
</script>

源是“自动完成”，它是一个返回 JSON 字符串的 url，例如：

{"results":[{"id":1,"label":"Result 1","value":"Result 1"}]}

但是当我尝试使用我的字段时，只显示一个没有结果的空字段

Answer 1

自动完成无法识别密钥results，因此您必须尝试以下操作：

$( "#cie" ).autocomplete({
  minLength: 3,
  source: function( request, response ) {
    $.getJSON( "autocomplete", request, function( data, status, xhr ) {
      response( data.results );
    });
  }
});