Iterate JSON Response with Javascript / JQuery

Question

I have the following JSON response that i am trying to iterate with Javascript :-

{
    "DocumentResponseResults": [
        {
            "Name": "Example1",
            "Id": "1"
        },
        {
            "Name": "Example2",
            "Id": "2"
        },
        {
            "Name": "Example3",
            "Id": "3"
        }
    ]
}

I've tested to makes sure its valid JSON using an online validator.

I'm receiving this via a response from a WebMethod in asp.net.

In the response it looks like this:-

d:"{"DocumentResponseResults":[{"Name":"Example1","Id":"1"},{"Name":"Example2","Id":"2"},{"Name":"Example3","Id":"3"}]}"

I'm trying to iterate the items in the JSON string.

I started off by parsing it like this :-

var jsonData = JSON.parse(response.d);

I've tried to iterate the array of objects by accessing the Items collection, but javascript informs me that the items property is undefined.

Can anyone advise how i iterate the collection, and pull out properties such as "Name" & "Id"

Petr Bela · Accepted Answer · 2015-06-01 08:30:28Z

4

jsonData.DocumentResponseResults.forEach(function(Result) {
  console.log(Result.Name)
});

answered Jun 1, 2015 at 8:30

Petr Bela

8,7912 gold badges36 silver badges38 bronze badges

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

Comments

Sunil B N · Accepted Answer · 2015-06-01 08:35:52Z

2

var items = response.DocumentResponseResults //gets you array
for (var i = 0; i < items .length; i++) { 
    var name = items[i].Name;
    var id = items[i].Id;
    console.log("Name:"+name + " Id:"+id+"\n");
}

answered Jun 1, 2015 at 8:35

Sunil B N

4,2251 gold badge33 silver badges53 bronze badges

Comments

Moppo · Accepted Answer · 2015-06-01 08:31:03Z

1

$.each( jsonData.DocumentResponseResults , function( k, v )
{
    //here you can access v.Name, v.Id etc.                

});

answered Jun 1, 2015 at 8:31

Moppo

19.4k5 gold badges68 silver badges66 bronze badges

Comments

roger.vila · Accepted Answer · 2015-06-01 08:44:25Z

1

you can access the array this way:

DocumentResponseResults[i].Name

DocumentResponseResults[i].Id

where 'i' is a number.

if you want to go through the array, you can use jQuery.each()

http://api.jquery.com/jquery.each/

or just a for() loop.

edited Jun 1, 2015 at 8:44

answered Jun 1, 2015 at 8:31

roger.vila

1681 gold badge1 silver badge9 bronze badges

Comments

Sudharsan S · Accepted Answer · 2015-06-01 08:43:23Z

0

jsonData.DocumentResponseResults is the items property.

edited Jun 1, 2015 at 8:43

Sudharsan S

15.4k4 gold badges34 silver badges51 bronze badges

answered Jun 1, 2015 at 8:28

user3227295

2,1561 gold badge13 silver badges17 bronze badges

Collectives™ on Stack Overflow

Iterate JSON Response with Javascript / JQuery

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related