Question

我是Java Developer，但在Jquery中有一个小任务。我必须解析Json数据.... 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"},
   ]

我正在试用这段代码，但我没有得到预期的结果...... 我试图在div中获取标签，但不知道我只是...

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

我使用的代码是.............

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

Answer 1

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

Answer 2

result是Array of objects。

field是每次迭代中的整个对象..

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

您需要使用特定键来获取值

field.category 会在第一次迭代时为您提供 Soups

.append(field.category + " ");

每个对象category，menu_item和type

中有3个键

因此，请使用对象上的键来访问特定值。

<强> Check Fiddle

使用JQuery从本地服务器解析JSON数据.....但没有得到结果

2 个答案: