jQuery ui自動完成結果未顯示在html下拉列表中

Question

這是我的django視圖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)

Urls和所有設置都很好。

我的自動填充是這樣的：

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

但是，您可以從下面的圖像中看到，盡管返回了結果並且可以從請求中獲得結果，但結果不會顯示在下拉列表中。 根據下圖輸入框中輸入的鍵，我得到的結果是： [{"name": "Densuano"}]

那是什么問題呢？ 為什么沒有顯示下拉列表？

Answer 1

我想通了：

name_json['name'] = name.name

是罪魁禍首。 上面是一個關鍵的值列表，它是自動完成的，以某種方式無法解釋。 我改為

name_json = name.name

而且有效。