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

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)

这是我注册用户/调用上面发布的 Django View 的 AngularJS 代码:

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"}

我正在尝试复制该对象，因为在我的整个应用程序中，当我为表单引发错误时，我想保持一致性并以相同的方式引发错误(对象具有字段名称，然后是一个包含字符串的数组可以使用 data[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]

请注意 data[prop] 是不同的，即使我试图以相同的形式重新创建对象。我注意到的另一个区别是，在我的应用程序中，记录了数组中数组的长度，如下所示:

length: 1

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

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

?

最佳答案

Python Django serializer.errors ( Read Here ) 默认返回对象内部的数组形式。这意味着它应该在您的情况下返回如下。

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

如果你想检查然后打开开发工具并查看响应选项卡。

关于javascript - AngularJS Django Rest Framework - 试图复制 400 服务器错误时引发的 JS 对象，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/31644861/