How to iterate a json string made up of list

Question

Possible Duplicate:
How to access this JSON value?

i have the following json string generated from my Spring mvc controller of a list. How can acces the holidayName property in jquery.

[{"holidayId":1,"holidayName":"Raksha Bandhan",
  "holidayStartDate":"Aug 2, 2012 12:00:00 AM",
  "holidayEndDate":"Aug 2, 2012 12:00:00 AM"},
 {"holidayId":2,"holidayName":"Independence day",
  "holidayStartDate":"Aug 15, 2012 12:00:00 AM",
  "holidayEndDate":"Aug 15, 2012 12:00:00 AM"}]

What? Parse JSON? It's in the other question I linked to. Also http://stackoverflow.com/search?q=jquery+parse+json will contain lots of information. — Felix Kling, Jul 23 '12 at 11:27

score 1 · Accepted Answer · answered Jul 23 '12 at 11:31

1

 var data=[
           {"holidayId":1,"holidayName":"Raksha Bandhan","holidayStartDate":"Aug 2, 2012 12:00:00 AM","holidayEndDate":"Aug 2, 2012 12:00:00 AM"},
           {"holidayId":2,"holidayName":"Independence day","holidayStartDate":"Aug 15, 2012 12:00:00 AM","holidayEndDate":"Aug 15, 2012 12:00:00 AM"}
         ]

   $.each(data,function(index,item){       
        alert(item.holidayName)      
   });

Working Sample : http://jsfiddle.net/5egk2/1/

answered Jul 23 '12 at 11:31

Shyju

214,206
104
411
497

Thanks for the answer. I want to use these values in FullCaleandar events array how can do that. – Sanjay Verma Jul 23 '12 at 11:39
@SanjayVerma: What FullCalendar ? I recommend you to ask it as a new question with relevant details. – Shyju Jul 23 '12 at 12:09

score 0 · Answer 2 · answered Jul 23 '12 at 11:43

I'm not familiar with Spring MVC, but you should be careful in observing whether the starting "json string" that you're working with is a string or an object.

If it's a string, you'll need to use $.parseJSON first as @Felix mentioned.

If it's already an object, then you can access it as directly as @Shyju has done, or like so without the each loop:

var input = 
    [
        {
            "holidayId": 1,
            "holidayName": "Raksha Bandhan",
            "holidayStartDate": "Aug 2, 2012 12:00:00 AM",
            "holidayEndDate": "Aug 2, 2012 12:00:00 AM"
        },
        {
            "holidayId": 2,
            "holidayName": "Independence day",
            "holidayStartDate": "Aug 15, 2012 12:00:00 AM",
            "holidayEndDate": "Aug 15, 2012 12:00:00 AM"
        }
    ];

console.log(input[0]['holidayName']); //'Raksha Bandhan'
console.log(input[1]['holidayName']); //'Independence Day'

http://jsfiddle.net/zTeX2/

How to iterate a json string made up of list

2 Answers2