AngularJS, $http and transformResponse

Question

I'm getting a strange behaviour with AngularJS's $http and not really understanding how transformResponse works (the docs are a bit light on this one).

    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);
        });
    };

The api returns an array of objects:

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

But when transformResponse has done it's evil business the data has transformed into an indexed object:

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

I want to keep the original data structure (an array of objects).

You might want to have a look here: stackoverflow.com/questions/17134401/… — AlwaysALearner
– AlwaysALearner, Commented Aug 9, 2013 at 13:02

aet · Accepted Answer · 2013-09-02 23:57:51Z

14

To get angular to not convert your data into an object you need to override the behavior of the default $httpProvider.defaults.transformResponse. It is actually an array of transformers. You could just set it to be empty: $http.defaults.transformResponse = []; Here is an example transformer I have used to convert 64-bit long ints to strings:

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

To add a transformer to the default list, say ahead of the JSON deserializer, you can do this:

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

answered Sep 2, 2013 at 23:57

aet

7,3023 gold badges29 silver badges26 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Aleksandr Gembinski · Accepted Answer · 2015-05-26 19:34:22Z

3

Resource 0: "f" 1: "a" 2: "l" 3: "s" 4: "e" This finally worked for me:

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

answered May 26, 2015 at 19:34

Aleksandr Gembinski

2233 silver badges6 bronze badges

Comments

Sameh · Accepted Answer · 2015-07-03 14:30:07Z

1

Try using resource query method

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

answered Jul 3, 2015 at 14:30

Sameh

1,44815 silver badges14 bronze badges

2 Comments

user5078176 Over a year ago

I think what you need to do is informing the $http that you are returning array instead of an object

Artjom B. Over a year ago

Can you extend your answer with some example code? It's always clearer to see code and a description. You can edit your answer. By the way, why did you create two accounts?

Collectives™ on Stack Overflow

AngularJS, $http and transformResponse

3 Answers 3

Comments

Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related