django jQuery AJAX自动完成

Question

我设置了一个像波纹管这样的自动填充字段，但是它不起作用:(是否有任何问题？

导入jQuery和jQuery UI：

 <script type="text/javascript" src="{% static 'js/jquery-1.12.4.min.js'   %}">
 </script>
 <script type="text/javascript" src="{% static 'js/jquery-ui.min.js' %}">
 </script>
 <link rel="stylesheet" type="text/css" href="{% static 'css/jquery-ui.css' %}">

在html模板中：

<div class="ui-widget">
<label for="places">Places: </label>
<input id="places">
</div> 

和：

<script>

$(function() {
$("#places").autocomplete({
  source: "/api/get_places/",
  select: function (event, ui) { //item selected
    AutoCompleteSelectHandler(event, ui)
  },
  minLength: 2,
 });
 });

 function AutoCompleteSelectHandler(event, ui)
  {
  var selectedObj = ui.item;
 }

</script>

在url.py中：

url(r'^api/get_places/', views.get_places, name='get_places'),

在views.py中：

def get_places(request):
if request.is_ajax():
  q = request.GET.get('term', '')
  places = Place.objects.filter(city__icontains=q)
  results = []
  for pl in places:
    place_json = {}
    place_json = pl.city + "," + pl.state
    results.append(place_json)
 data = json.dumps(results)
else:
  data = 'fail'
mimetype = 'application/json'
return HttpResponse(data, mimetype)

当我在视图中添加print（results）时，它将根据我在文本框中输入的字母从数据库返回正确的字段。 所以问题出在发送和接收返回的json数据！

问题应该在这里，在它之后不能执行类似于print（'hhhhhhhhhhhhhhhhhhhhhh'）的代码：

    data = json.dumps(results)

页面http://127.0.0.1:8000/api/get_places/中的错误：

SyntaxError: JSON.parse: unexpected keyword at line 1 column 1 of the JSON    data

Answer 1

像这样更改代码

def get_places(request):
    if request.is_ajax():
        q = request.GET.get('term', '')
        places = Place.objects.filter(city__icontains=q)
        results = []
        for pl in places:
           place_json = {}
           place_json['label'] = p1.state
           results.append(place_json)
       data = json.dumps(results)
     else:
       data = 'fail'
     mimetype = 'application/json'
     return HttpResponse(data, mimetype)

在转储到JSON之前创建字典的python列表

jQuery自动完成键名称默认情况下应为“标签”，它显示在自动完成列表中

看看这个..