如何将字典从 Django 视图传递到 JavaScript 并使用键访问字典值答案

【问题标题】：How to pass dictionary from Django view to JavaScript and access dictionary value with keys如何将字典从 Django 视图传递到 JavaScript 并使用键访问字典值
【发布时间】：2021-09-21 11:58:50
【问题描述】：

我想从 Django 视图将字典传递给 JavaScript/jQuery。在 JavaScript 中，我想用键访问我的发送字典值。这里我提供了我的视图和 JS 代码。

查看：

def student(request):
    data={
        {
        'name': "Joe",
        'age' :15,
        },
        {
            'name': "Jay",
            'age' :16,
        },
        {
            'name': "Jeff",
            'age' :14,
        },
    }
    return HttpResponse(data)

JS：

$(document).on("click","#button",function(e){
               e.preventDefault();
               $.ajax({
                    method:"POST",
                    url: "{% url 'student'  %}",
                    data: {
                        csrfmiddlewaretoken:'{{csrf_token}}',
                    },
                    success: function(response){
                        console.log(response[0].name);
                        console.log(response[0].age);
               },
                    error: function(){
                        console.log("error occur");
                        
                    },

               });
               
           });

使用这段代码我没有完成我想要的。

编辑：在控制台中我检查了响应并且我得到了 TypeError，它说 unhashable type: 'dict' 。

【问题讨论】：

嗨@Travis，请在您的问题中分享您遇到的错误。这将帮助您调试问题并帮助其他成员理解/假设问题的根源

标签： javascript python jquery django dictionary

【解决方案1】：

尝试返回 Jsonresponse，而不是返回 HTTP 响应。 return 语句将是这样的： “返回 JsonRespnse({data})”

【讨论】：