自动填充功能未正确列出结果

Question

我通过自动填充获得响应，我可以通过chrome检查查看。但是我无法正常显示我在console.log中得到任何结果

$(document).ready(function(){

$(function() {

  $("#search_text").autocomplete({
      source: "/find_city",
      minLength: 1,
      data:$('#search_text').val(),
      success:function(data){
        console.log(data);
      }

  });

});
})

Answer 1

您的来源必须是您的ajax请求

source: function (request, response) {
    $.ajax({
        url: "/find_city",
        data: $('#search_text').val(),
        dataType: "json",
        success: function (data) {
            // do something
        }
    });
}

并在回调中返回为select输入选项元素

分配所需的值和标签

response($.map(data, function (item) {
    return {
        label: item.name,
        value: item.name
    }
}));

所以你的代码就像这样

source: function (request, response) {
    $.ajax({
        url: "/find_city",
        data: $('#search_text').val(),
        dataType: "json",
        success: function (data) {
            response($.map(data, function (item) {
                return {
                    label: item.name,
                    value: item.name
                }
            }));
        }
    });
}

Answer 2

我找到了解决问题的方法。我已将名称字段从城市表更改为值，它就像一个魅力。我也可以使用关键字段