无法通过Ajax获取请求从Json数组获取数据

Question

我很难从ajax get请求中获取对象的正确字段。 ajax请求在Django应用中，并且与视图相对应。 该行：

console.log(data);

显示对象中的所有数据。 我正在尝试在console.log()输出用户名，但无法完成它。

我尝试了许多变体，即我使用过滤器而不是在Django视图部分中获取。 我试图遍历数据并使用[i]，但到目前为止没有任何效果。

希望有人对如何解决这个问题有个想法。 我附加了django视图，模板视图和chrome dev工具控制台输出。

django剖视图：

def Data(request, user_id):
    if request.is_ajax():
        sidebar_data = serializers.serialize("json",    
        [User.objects.get(id=user_id)])
        return HttpResponse(
            JsonResponse({'sidebar_data': sidebar_data}),
            content_type="application/json"
        )
    return HttpResponse("not a ajax request")

模板视图：

$( ".test{{ user.user.id }}" ).click(function() {
            $.ajax({
                url : ‘xxx/‘,
                dataType : 'json',
                method : 'GET',
                success: function(data)
                {   
                    // this works - outputs all data
                    console.log(data);
                    // this does not work
                    console.log(data.sidebar_data.fields[1].username);
                },
                failure: function(){  
                }
            });
        });

chrome控制台中浏览器的输出：

Object {
sidebar_data: "[{"fields": {"username": “xxx”, "first_name": “xxx”}, "model": "auth.user", "pk": 989}]”}

如果我使用console.log（data.sidebar_data）; 我得到以下输出，距离更近了。 但是，一旦我尝试与字段或用户名进行任何组合，我都会得到未定义的错误。

[{"fields": {"username": “xx”, "first_name": “xxx”}, "model": "auth.user", "pk": 989}]

Answer 1

尝试使用data[1].fields[1] data.sidebar_data.fields[1].username代替data.sidebar_data.fields[1].username

Answer 2

像这样更改views.py：

from django.core import serializers
def data(request):
    if request.is_ajax():
        user = User.objects.filter(id=1)
        data = serializers.serialize('json', user)
        return HttpResponse(data, content_type ="application/json")
    return HttpResponse("not a ajax request")

并更改模板，如下所示：

$( ".test{{ user.user.id }}" ).click(function() {
        $.ajax({
            url : ‘xxx/‘,
            dataType : 'json',
            method : 'GET',
            success: function(data)
            {   
                console.log(data[0].fields.username);
            },
            failure: function(){  
            }
        });
    });