如何將字典從 Django 視圖傳遞給 JavaScript 並使用鍵訪問字典值

Question

我想將字典從 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' 。

Answer 1

嘗試返回 Jsonresponse，而不是返回 HTTP 響應。 返回語句將是這樣的：“返回 JsonRespnse({data})”