Parsing JSON Data from local server using JQuery.....but not getting result

Question

I am Java Developer, but have a small task in Jquery. I have to get Json data parsed.... JSON data is as follows:

   [
   {"category":"Soups","menu_item":"Tomato Soup","type":"veg"},
   {"category":"Starters","menu_item":"Summer Salad","type":"veg"},
   {"category":"Main Course","menu_item":"Black Beans Chicken","type":"non-veg"},
   {"category":"Soups","menu_item":"Lentil Soup","type":"veg"},
   {"category":"Starters","menu_item":"Roasted Root Veg","type":"veg"},
   ]

And am Trying this code but I am not getting expected result...... I am trying to get the tags in div but no idea I am getting just.. .

[object Object] [object Object] [object Object] [object Object] [object Object] [object Object] [object Object] [object Object] [object Object] [object Object] [object Object]

The code that I used is.............

    $.getJSON("data.json",function(result){
       $.each(result, function(i, field){
         $("div").append(field + " ");
       });
    });

when you are looping through the array and placing field, you are just placing the javascript object in the dom, that's why it is displaying [object Object] — Manish Kumar
– Manish Kumar, Commented Aug 9, 2013 at 7:57
each field is an object, you need to get it's properties, for example: field.category — omma2289
– omma2289, Commented Aug 9, 2013 at 7:57
The JSON is not valid. Remove the last , at {"category":"Starters","menu_item":"Roasted Root Veg","type":"veg"}, ] Otherwise as the guys wrote about the iteration... — Balint Bako
– Balint Bako, Commented Aug 9, 2013 at 8:57

Manish Kumar · Accepted Answer · 2013-08-09 07:58:26Z

3

$.each(result, function(i, field){
    $("div").append(field.category + " ");
});

answered Aug 9, 2013 at 7:58

Manish Kumar

15.5k5 gold badges21 silver badges27 bronze badges

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

1 Comment

Jake Aitchison Over a year ago

I would go with a standard for loop since it faster but thumbs up.

Sushanth -- · Accepted Answer · 2013-08-09 08:03:46Z

1

result is an Array of objects.

field is the entire object in each iteration..

field 1st iteration - {"category":"Soups","menu_item":"Tomato Soup","type":"veg"}

You would need to use a specific key to get the value

field.category which would give you Soups for the first iteration

.append(field.category + " ");

You have 3 keys in each object category , menu_item and type

So use the key on the object to access a specific value.

Check Fiddle

edited Aug 9, 2013 at 8:03

answered Aug 9, 2013 at 7:57

Sushanth --

55.8k9 gold badges70 silver badges109 bronze badges

Collectives™ on Stack Overflow

Parsing JSON Data from local server using JQuery.....but not getting result

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related