javascript - jquery ui 自动完成结果不显示在 html 下拉列表中

Question

这是我的 django View ajax 请求函数:

def get_town(request):
    if request.is_ajax():
        q = request.GET.get('term', '')
        towns = Town.objects.filter(name__icontains=q)
        results = []
        for name in towns:
            name_json = {}
            name_json['name'] = name.name
            results.append(name_json)
        data = json.dumps(results)
    else:
        data = 'fail'
    mimetype = 'application/json'
    return HttpResponse(data, mimetype)

URL 和所有设置都很好。

我的自动完成是这样的:

$(function() {
  $("#id_town").autocomplete({
    source: "/api/get_town/",
    minLength: 3,
  });
});

但是，您可以从下图中看到，结果虽然已返回并可从请求中获取，但并未显示在下拉列表中。根据下图中输入框中输入的键，我得到的结果是这样的:[{"name": "Densuano"}]

那有什么问题呢？为什么不显示下拉菜单？

Answer 1

我想通了:

name_json['name'] = name.name

是罪魁祸首。上面正在制作一个自动完成无法解释的键值列表。我改成

name_json = name.name

它奏效了。