How to access JSON data in $http.get method's response?

Question

JSON data is in following formate. I want to access it into $http.get method. but getting something like not defined.

Angularjs

 $http.get("http://192.168.206.133:8080/admin/metering/project/")
    .success(function(response) {
      alert(JSON.stringify(response.instances));
      //$scope.groups = response.instances[0];
      //$scope.group_by = $scope.groups[0];
    });

JSON DATA

[
    {
        "instances": [
            {
                "Name": "test2",
                "Id": "7a3a2eab-7d3b-498b-bc69-ba39396ada4f"
            },
            {
                "Name": "test1",
                "Id": "1114cb76-f3df-4c60-8b12-5ad14224ffbd"
            },
            {
                "Name": "ce-2",
                "Id": "8b97b82b-a9e4-4fe0-adcb-eeaaac170301"
            },
            {
                "Name": "ce-1",
                "Id": "afaa50ad-8025-415b-81c4-566c8e06f388"
            }
        ]
    }
]

dhavalcengg · Accepted Answer · 2015-08-05 09:30:39Z

3

Try following snipet

$http.get("http://192.168.206.133:8080/admin/metering/project/")
    .success(function(response) {
      alert(JSON.stringify(response[0].instances));
      //$scope.groups = response.instances[0];
      //$scope.group_by = $scope.groups[0];
    });

edited Aug 5, 2015 at 9:30

answered Aug 5, 2015 at 9:25

dhavalcengg

4,7131 gold badge20 silver badges26 bronze badges

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

8 Comments

geeks Over a year ago

sorry nothing happing, why you are using data. This is not any where in JSON data response

geeks Over a year ago

This alert(JSON.stringify(response[0].instances)); is correct

skubski Over a year ago

He used response.data.property because the original XmlHttpRequest in JavaScript is sending the whole response object back, which contains a field data containing the requested data. The $http wraps this mechanism and strips the data from the response before it sends it back.

dhavalcengg Over a year ago

I used to do the same... :)

The Mechanic Over a year ago

@NeelabhSingh but why using json stringify method? you can achieve it by below method

|

The Mechanic · Accepted Answer · 2015-08-05 10:33:09Z

0

Try this in jquery format

var data = [
{
    "instances": [
        {
            "Name": "test2",
            "Id": "7a3a2eab-7d3b-498b-bc69-ba39396ada4f"
        },
        {
            "Name": "test1",
            "Id": "1114cb76-f3df-4c60-8b12-5ad14224ffbd"
        },
        {
            "Name": "ce-2",
            "Id": "8b97b82b-a9e4-4fe0-adcb-eeaaac170301"
        },
        {
            "Name": "ce-1",
            "Id": "afaa50ad-8025-415b-81c4-566c8e06f388"
        }
    ]
}]

var groups = data[0].instances;
for (i=0; i < groups.length; i++){
console.log(JSON.stringify(groups[i]));}

Check this angularjs jsfiddle for angularjs way

edited Aug 5, 2015 at 10:33

answered Aug 5, 2015 at 9:47

The Mechanic

2,3391 gold badge28 silver badges37 bronze badges

5 Comments

skubski Over a year ago

This is just a copy from the other answer? Care to add anything ?:o

The Mechanic Over a year ago

nope its not copy as you can see a little difference of "[]" array braces

skubski Over a year ago

There was no added value in your original answer nor was it correct for that matter.

The Mechanic Over a year ago

@skubski please check my fiddle and let me know

skubski Over a year ago

I'm not sure if that was the purpose. The original idea was to make a request to an external resource while you are using a global variable. Your fiddle works but I don't think that it is what he was trying to archieve. On a sidenote you should take a look into the controllerAs syntax AngularJS provides since 1.3.x (Not really sure) so you can get rid of $scope and use namespacing instead. @TheMechanic

Collectives™ on Stack Overflow

How to access JSON data in $http.get method's response?

2 Answers 2

8 Comments

5 Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

8 Comments

5 Comments

Related