How to convert string of objects to JSON object in angular transformRequest

Question

So I'm receiving this string:

{"id":"0-worfebvjyyvqjjor","size":17,"price":921,"face":"( .-.)","date":"Mon Jan 04 2016 22:55:30 GMT+0000 (GMT Standard Time)"}
{"id":"1-ifma3yxxccgzaor","size":19,"price":98,"face":"( .o.)","date":"Fri Jan 08 2016 16:11:25 GMT+0000 (GMT Standard Time)"}
{"id":"2-sa3iurvt4hv0lik9","size":14,"price":659,"face":"( `·´ )","date":"Sun Jan 03 2016 06:20:28 GMT+0000 (GMT Standard Time)"}
{"id":"3-bc3tf55q9vx11yvi","size":33,"price":361,"face":"( ° ͜ ʖ °)","date":"Fri Jan 01 2016 22:49:22 GMT+0000 (GMT Standard Time)"}

here in console.log(data):

var WareHouseResource = $resource('/api/products?limit=10', {}, {
    query: {
        method: 'GET',
        isArray: false,
        transformResponse: function(data) {
            console.log(data);
        }
    }
});

How do I convert data into a JSON array?? I already tried JSON.parse(data) but it throws an error.

Possible duplicate of [AngularJS - Any way for $http.post to send request parameters instead of JSON?](http://stackoverflow.com/questions/12190166/angularjs-any-way-for-http-post-to-send-request-parameters-instead-of-json) — CandleCoder, Jan 16 '16 at 05:43
Unless you have correct JSON, you are not going to be success here . Tell whomever that your api is wrong . As @charlietfl said correct you api first. For the question asked here answer is "angular.fromJson()" — Midhun Murali, Jan 16 '16 at 06:28
Then do it yourself and stop getting people here to do your homework for you. It doesn't appear you made any effort at all to solve this yourself — charlietfl, Jan 16 '16 at 06:31

Chanthu · Accepted Answer · 2016-01-16T06:09:08.300

1

If you want the data as an array, you might wanna set isArray to true

var WareHouseResource = $resource('/api/products?limit=10', {}, {
    query: {
        method: 'GET',
        isArray: true
    }
});

This is assuming that the string representation you receive is in valid format. I can see that , is missing after each object. Is this expected? If yes, you might want to replace } with },, wrap them in '[]' and then do angular.fromJson(data) in the transformer.

Here's a plunker that does just that: https://plnkr.co/edit/ZGLK7PTclapVNwuIlM1T?p=preview

edited Jan 16 '16 at 06:09

answered Jan 16 '16 at 05:48

Chanthu

1,794
1
15
22

already tried, it doesn't work :x, I get an unexpected token { error – Frederico Jesus Jan 16 '16 at 05:55
1

@FredericoJesus , try the plunker – Chanthu Jan 16 '16 at 06:09
I still get an error, here's my code can you please take a look? https://github.com/fredericojesus/ascii-warehouse lib folder is the api, static is the client – Frederico Jesus Jan 16 '16 at 06:21
It's the replace I think that it's not working, the second one – Frederico Jesus Jan 16 '16 at 06:27
NICE. I solved it with .replace(',\n]', ']'); Thanks dude! It had an enter as a last character – Frederico Jesus Jan 16 '16 at 06:30
Well, I'll be stabbing in the dark without actually being able to run the code against the backend but if it's the replace, It could be something to do with ``, so, try this as replace `data = ('[' + data + ']').replace(/(\s*)}/g, '},').replace(/(\s*),(\s*)]/, ']');` – Chanthu Jan 16 '16 at 06:30

Midhun Murali · Answer 2 · 2016-01-16T06:02:07.693

0

You need to use angular.fromJson(). So

var WareHouseResource = $resource('/api/products?limit=10', {}, {
    query: {
        method: 'GET',
        isArray: false,
        transformResponse: function(data) {
            console.log(angular.fromJson(data));
        }
    }
});

Check out https://docs.angularjs.org/api/ng/function/angular.fromJson

var items=[{"id":"0-worfebvjyyvqjjor","size":17,"price":921,"face":"( .-.)","date":"Mon Jan 04 2016 22:55:30 GMT+0000 (GMT Standard Time)"},
{"id":"1-ifma3yxxccgzaor","size":19,"price":98,"face":"( .o.)","date":"Fri Jan 08 2016 16:11:25 GMT+0000 (GMT Standard Time)"},
{"id":"2-sa3iurvt4hv0lik9","size":14,"price":659,"face":"( `·´ )","date":"Sun Jan 03 2016 06:20:28 GMT+0000 (GMT Standard Time)"},
{"id":"3-bc3tf55q9vx11yvi","size":33,"price":361,"face":"( ° ͜ ʖ °)","date":"Fri Jan 01 2016 22:49:22 GMT+0000 (GMT Standard Time)"}]

alert(angular.fromJson(items))

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.9/angular.min.js"></script>

edited Jan 16 '16 at 06:02

answered Jan 16 '16 at 05:43

Midhun Murali

2,089
6
28
49

already tried, it doesn't work :x, I get an unexpected token { error – Frederico Jesus Jan 16 '16 at 05:55
@FredericoJesus Then I hope you are not getting correct JSON String – Midhun Murali Jan 16 '16 at 05:56
@FredericoJesus you are missing commas after each record – Midhun Murali Jan 16 '16 at 05:58
@FredericoJesus I have added snippet , Run Code and you will see it workng – Midhun Murali Jan 16 '16 at 06:02
the thing is, this is an exercise, and I can't change the API. I have to work with that data. what the api return is this: for (i=0; i – Frederico Jesus Jan 16 '16 at 06:10

How to convert string of objects to JSON object in angular transformRequest

2 Answers2