AngularJS,$ http和transformResponse

时间:2013-08-09 12:53:31

标签: javascript angularjs

我在使用AngularJS的$ http时遇到了一个奇怪的行为,并没有真正理解transformResponse的工作原理(文档在这一点上有点亮)。

    WebAssets.get = function () {
        return $http.get('/api/webassets/list', {
            transformResponse: [function (data, headersGetter) {
                // not sure what to do here?!
                return data;
            }].concat($http.defaults.transformResponse) // presume this isn't needed, added for clarity
        }).then(function (response) {
            return new WebAssets(response.data);
        });
    };

api返回一个对象数组:

[{"webasset_name": "...", "application_id": "...", "etc": "..."}, ... ]

但是当transformResponse完成它的恶行时,数据已转变为索引对象:

{"0":{"webasset_name":"...","application_id":"...", "etc": "..."}, "1":....}

我想保留原始数据结构(对象数组)。

3 个答案:

答案 0 :(得分:14)

要获得角度以不将数据转换为对象,您需要覆盖默认$ httpProvider.defaults.transformResponse的行为。它实际上是一系列变形金刚。 您可以将其设置为空:$http.defaults.transformResponse = []; 这是我用来将64位长整数转换为字符串的示例转换器:

function longsToStrings(response) {
    //console.log("transforming response");
    var numbers = /("[^"]*":\s*)(\d{15,})([,}])/g;
    var newResponse = response.replace(numbers, "$1\"$2\"$3");
    return newResponse;
}

要将变换器添加到默认列表,比如说在JSON反序列化器之前,可以这样做:

$http.defaults.transformResponse.unshift(longsToStrings);

答案 1 :(得分:3)

资源0:“f”1:“a”2:“l”3:“s”4:“e” 这最终对我有用:

   transformResponse: function (data, headersGetter) {
    return { isCorrect: angular.fromJson(data) }
    }

答案 2 :(得分:1)

尝试使用资源查询方法

https://github.com/angular/angular.js/issues/6314