Thursday, 8 August 2013

JSON Parsing with JQuery from local directory

JSON Parsing with JQuery from local directory

I have JSON data in my local folder in data/data.json
{"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"},{"category":"Starters","menu_item":"Herbed Chicken
Wings","type":"non-veg"},{"category":"Main Course","menu_item":"Barbecue
Chicken Sandwich","type":"non-veg"},{"category":"Main
Course","menu_item":"Pasta with
Sausage","type":"veg"},{"category":"Starters","menu_item":"Roasted
Shallot, Beet,
Spinach","type":"non-veg"},{"category":"Starters","menu_item":"Sauteed
Broccoli","type":"veg"},{"category":"Soups","menu_item":"Chicken
Soup","type":"non-veg"}
I want to read this and I want to get the data, I am trying this code but
I am not getting anything......
$.getJSON("data/data.json",
function (data) {
var i;
for (i=0; i<5; i++) {
$('<a href=""> <b>ITEM : </b>' + data.items[i].category
+'</a><br>').appendTo(document.body);
}
});

No comments:

Post a Comment