Unable to parse particular JSON data in AngularJS

Question

This is a question I truly feel stupid for asking. But I have searched the web and haven't found a specific example with my problem. Luckily, the question is simple. I have the following JSON data being read in by AngularJS as follows:

return $http.post('getData.htm').then(function(response) {
    console.log("response.data: " + response.data);
    var roles = angular.fromJson(response.data).model.results;

    return roles;
  });

The console in this scenario outputs the following:

 response.data: {"model":{"results":["1","2","3","4","5","6","7","8","9","10","11"],"totalCount":11}}

I expect roles to contain an array with those numbers, however when I print out the value of roles it simply says [object Object].

How do I access the numbers contained in the results array?

thanks a lot!

response.data is all you need. In adding the angular.fromJson call, you're effectively creating another object, deserialized from the JSON response. — Ben
– Ben, Commented Jul 3, 2014 at 11:47

Alex Pavy · Accepted Answer · 2014-07-03 12:05:31Z

2

A javascript Array is also an Object so maybe when you did var roles = angular.fromJson(response.data).model.results; you got the array you wanted. Try roles[1]

answered Jul 3, 2014 at 12:05

Alex Pavy

3872 silver badges11 bronze badges

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

2 Comments

insomniac Over a year ago

This was indeed the answer. I swear I tried this a billion times. That's programming, I guess :). thank you for the help!

nkt24 Over a year ago

Thanks for that answer!! I searched the web and found everyone using JSON.parse but unfortunately that didn't worked. Your answer worked perfectly.

Jscti · Accepted Answer · 2014-07-03 11:44:17Z

0

Don't try to "load from JSON" a JSON object.

response.data is already transformed in JSON format by angular.. Just use it like that :

console.log(response.data.model);
console.log(response.data.model.results);
console.log(response.data.model.results[1]);

answered Jul 3, 2014 at 11:44

Jscti

14.5k5 gold badges66 silver badges92 bronze badges

2 Comments

insomniac Over a year ago

When I try this, the following occurs: The first line outputs undefined and the second causes TypeError: Cannot read property 'results' of undefined

Jscti Over a year ago

if console.log(response.data) returns you an object with a 'model' key, it should definitely work...

sylwester · Accepted Answer · 2014-07-03 12:16:32Z

0

http://jsbin.com/duruy/1/edit

app.controller('firstCtrl', function($scope, $http){

activate();
  $scope.roles = [];

function activate ()
  {

    return $http.get('http://jsbin.com/yewefo/1').then(function(response) {
    console.log(response.data.model);
   angular.copy(response.data.model.results, $scope.roles);


  });

  }

});

answered Jul 3, 2014 at 12:16

sylwester

16.5k1 gold badge27 silver badges33 bronze badges

Collectives™ on Stack Overflow

Unable to parse particular JSON data in AngularJS

3 Answers 3

2 Comments

2 Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

2 Comments

Comments

Related