django jquery.ajax () и json загружают динамические изображения

Question

Я пытаюсь использовать JSON, jquery, ajax в Django для динамической загрузки изображений.

Я не узнал о Джанго. Я искал на stackoverflow и скопировать и вставить то, что я понял. так что я не знаю Django хорошо .. и есть несколько примеров. Поэтому я задаю вопрос.

Нет ошибки. но это не работает Я не знаю, как работает в Джанго. как я могу это исправить

survey.html

<script type="text/javascript">

    var xmlhttp = new XMLHttpRequest();

    xmlhttp.onreadystatechange = function () {
        if (this.readyState == 4 && this.status == 200) {
            startLoadFile();
        }
    };

    function startLoadFile() {
        $.ajax({
            url: '/static/polls/json/images.json',
            type: 'GET',
            dataType: 'json',
            success: function (data) {
                createImages(data)
            }
        })
    }

    function createImages(objImageInfo) {
        var images = objImageInfo.images;
        var strDOM = "";

        var image = images[0];
        var image1 = images[1]; 

        strDOM += '    ';
        strDOM += '<img src="' + image.url + '" ';
        strDOM += 'class="wheel-first" width="135" height="135" />'
        strDOM += '    ';
        strDOM += '<img src="' + image1.url + '" ';
        strDOM += 'class="wheel-second" width="135" height="135" />'


        var $imageContainer = $("#wheels-img-container");
        $imageContainer.append(strDOM);
    }

</script>

<div class="wheels-img-container"></div>

views.py

from django.shortcuts import render
from django.views.generic import DetailView
from polls.models import Wheel
from django.core import serializers

def survey(request):
    json_serializer = serializers.get_serializer("json")()
    wheels = json_serializer.serialize(Wheel.objects.all(), ensure_ascii=False)
    return render(request, 'polls/survey.html', {'wheels' : wheels})

images.json

{ "images" :  [
  {"title": "1_0.0001_.jpg","url": "/media/1_0.0001_.jpg"},
  {"title": "2_0.0001_.jpg","url": "/media/2_0.0001_.jpg"},
  {"title": "3_0.001_.jpg","url": "/media/3_0.001_.jpg"},
  {"title": "5_0.01_.jpg","url": "/media/5_0.01_.jpg"},
  {"title": "11_1_.jpg","url": "/media/11_1_.jpg"},
  {"title": "14_1_.jpg","url": "/media/14_1_.jpg"},
  {"title": "16_0.0005_.jpg","url": "/media/16_0.0005_.jpg"},
  {"title": "17_5e-05_.jpg","url": "/media/17_5e-05_.jpg"},
  {"title": "22_0.01_.jpg","url": "/media/22_0.01_.jpg"},
  {"title": "26_1_.jpg","url": "/media/26_1__.jpg"},
  {"title": "30_0.0001_.jpg","url": "/media/30_0.0001_.jpg"},
  {"title": "32_0.05_.jpg","url": "/media/32_0.05_.jpg"},
  {"title": "32_0.005_.jpg","url": "/media/32_0.005_.jpg"},
  {"title": "32_5e-05_.jpg","url": "/media/32_5e-05_.jpg"},
  {"title": "37_0.05_.jpg","url": "/media/37_0.05_.jpg"},
  {"title": "39_0.01_.jpg","url": "/media/39_0.01_.jpg"}
]}