用ajax渲染django字典

Question

如何使用发送到 django 的 ajax 请求填充 select tag 或 ul and li tag 并返回 json（也可能来自模型）。我不想使用另一个模板来填充这些。

示例：

如果来自ajax请求的返回是data

我该怎么做：

      <select id = 'carid'>
            {% for car in cars %}
                     <option value="{{ car.name }}">{{ car.name }}</option>
            {% endfor %}
        </select>

但我不想从 django 返回 html 或仅为此标签加载另一个 html。

这是我的响应方法

 def car_view(request)

    car_obj = cars.objects.get(name = car)

    allmodels = CarModel.objects.filter(car = car_obj)

    data = serializers.serialize("json", allmodels)

    return HttpResponse(data)

这就是data 的样子

[{"pk": 3, "model": "alongjs.carmodel", "fields": {"car": 2, "name": "city-unlimited"}}, {"pk": 4, "model": "alongjs.carmodel", "fields": {"car": 2, "name": "hill-to-city"}}]`

Answer 1

如果您发送带有jQuery.ajax() 的ajax 请求（看起来您是从之前的问题判断）- 您可以在成功回调函数中添加一些JavaScript 来迭代JSON 响应并填充您的@987654327 @ 选项。

$.ajax({
  type: 'GET',
  url: ...,
  data: {},
  success: function(data) {
    $.each(data, function() {
      $('#carid')
        .append($("<option></option>")
        .attr('value', this['fields']['name'])
        .text(this['fields']['name'])); 
    });
  }
});

你可以看到一个人为的小提琴示例here。

您或许可以改进您的 JSON - 因为您只需要汽车名称。