django--如何将数据结果集序列化传给前端页面展示

class Teacher(models.Model):
    name = models.CharField(max_length=10,verbose_name=‘老师名称‘)
    password = models.CharField(max_length=10,verbose_name=‘密码‘)
    class Meta:
        verbose_name_plural = ‘教师表‘
    def __str__(self):
        return self.name
class Student(models.Model):
    teacher = models.ForeignKey(to=Teacher,on_delete=models.SET_NULL,null=True,verbose_name=‘教师‘)
    name = models.CharField(max_length=10,verbose_name=‘学生名字‘)
    age = models.IntegerField(verbose_name=‘年龄‘)
    class Meta:
        verbose_name_plural = ‘学生表‘
    def __str__(self):
        return self.name

　　　　　teacher = models.Teacher.objects.get(pk=id)     # id=id的某位老师
        students = teacher.student_set.all()        # 以一表反向查询多表，查询这位老师的学生

def index(request):
    if request.method == "GET":
        teacher_name = request.session.get(‘name‘)
        teacher = models.Teacher.objects.get(name=teacher_name)
        students = teacher.student_set.all()
        print(students)
        list = []
        for i in students:
            json_dict = {}
            json_dict[‘name‘] = i.name
            json_dict[‘age‘] = i.age
            list.append(json_dict)
        return JsonResponse(list,safe=False)    # 这里safe默认为True，只接受参数为dict字典类型，非dict类型---“报错：In order to allow non-dict objects to be serialized set the safe parameter to False.” safe=False之后list列表, tuple元祖, set集合就都可以

$(‘#submit2‘).click(function(){
            $.ajax({
                url:‘/app1/index/‘,
                type:‘GET‘,
                success:function(res){
                    console.log(res)
                    var str = ‘‘
                    for(var i = 0; i < res.length; i++){         # js中的for循环
                        str += ‘<li>‘  + res[i][‘name‘] + ‘</li>‘
                        }
                        $(‘#students‘).html(str)                    
                }
            })           

        })

    <button id="submit2">点击查看我的学生</button>
    <p id="students"></p>  

就是这个小小的按钮，竟然在背后做了这么多事情，使得我们要的信息成功的展示在了下面的标签里