AngularJS Django Rest Framework - 尝试复制在400服务器上引发的JS对象错误

Question

这是我尝试注册用户时调用的Django Rest Framework代码/视图:

def post(self, request):
    serializer = UserSerializer(data=request.DATA)
    if serializer.is_valid():
        serializer.save()
        return Response(serializer.data, status=status.HTTP_201_CREATED)
    return Response(serializer.errors, status=status.HTTP_400_BAD_REQUEST)

这是我的AngularJS代码,用于注册用户/调用上面发布的Django视图:

self.add = function() {
    $http.post("/CMS/users", self.user) // this URL calls the Django view posted above
    .error(function(data, status, headers, config) {
        console.log(data);
        for (prop in data) {
            console.log(data[prop]);
        };
    })
    .then(fetchUsers); // gets a list of existing users
    console.log("User clicked submit with ", self.user);
};

当我尝试注册已经存在的用户时,这是记录的内容:

Object {username: Array[1]}
    username: Array[1]
        0: "This username is already taken. Please, try again"
        length: 1
        __proto__: Array[0]
            concat: concat() { [native code] }constructor: Array() { [native code] }entries: entries() { [native code] }every: every() { [native code] }filter: filter() { [native code] }forEach: forEach() { [native code] }indexOf: indexOf() { [native code] }join: join() { [native code] }keys: keys() { [native code] }lastIndexOf: lastIndexOf() { [native code] }length: 0map: map() { [native code] }pop: pop() { [native code] }push: push() { [native code] }reduce: reduce() { [native code] }reduceRight: reduceRight() { [native code] }reverse: reverse() { [native code] }shift: shift() { [native code] }slice: slice() { [native code] }some: some() { [native code] }sort: sort() { [native code] }splice: splice() { [native code] }toLocaleString: toLocaleString() { [native code] }toString: toString() { [native code] }unshift: unshift() { [native code] }Symbol(Symbol.iterator): ArrayValues() { [native code] }Symbol(Symbol.unscopables): Object __proto__: Object
    __proto__: Object

["This username is already taken. Please, try again"] // this is data[prop]
User clicked submit with  Object {username: "a", password: "apass", email: "a@hotmail.com"}

我正在尝试复制该对象,因为在我的应用程序中,当我为表单引发错误时,我希望保持一致性并以相同的方式引发错误(其中对象具有字段名称,然后是包含字符串错误消息的数组,其中可以使用数据[prop]来访问.

所以这就是我在JSfiddle上试过的:http://jsfiddle.net/snmyvqow/1/

var data = {username: {0: "test."}}

for (prop in data) {
    console.log(data);
    console.log(data[prop]);
}

问题是,上面的代码将其记录到控制台:

Object {username: Object}
    username: Object
        0: "This username is already taken. Please, try again"
        __proto__: Object
    __proto__: Object

Object {0: "This username is already taken. Please, try again"} // this is data[prop]

请注意,即使我尝试以相同的形式重新创建对象,数据[prop]也是不同的.我注意到的另一个区别是在我的应用程序中,数组内部数组的长度被记录,如下所示:

length: 1

但在我的JSfiddle代码中,不会记录长度.我注意到的最后一个区别是,在我的JSfiddle代码中,数组中的数组被称为Object,而在我的应用程序中,数组中的数组被称为Array [1].知道为什么吗？我如何重新创建对象/数组,以便数据[prop]将返回字符串而不是返回

Object {0: "This username is already taken. Please, try again"}

？

Answer 1

Python Django serializer.errors（阅读此处）默认返回对象内部的数组形式。这意味着在您的情况下它应该返回如下。

 var data = {username: ["This username is already taken. Please, try again"]}

如果您想检查，请打开开发工具并查看“响应”选项卡。