javascript - 我想在menuData.json中显示Products.MenuName

我想在menuData.json中显示Products.MenuName，但是它不起作用。如何调用产品数据？这是我的json数据和功能。

     "d": {
       "PageCount": 4,
       "RowCount": 12,
       "ResultSet": [
          {
           "Menu": "Hamburger Menu",
           "Price": -1,
           "Products": [
                {
                 "MenuName": "Chips ",
                 "ExtendedPrice": "7,00",
                }
            ]
          }
        }


     $.getJSON('menuData.json', function(read_data){
        $.each(read_data.d.ResultSet.Products,function(i,food){
           $("#hims").append("Menus: "+food.MenuName);
         });
        });
     <button id="getdata-button">Click Me</button>
     <div id="hims"></div>

最佳答案

您无法以这种方式访问​​产品，必须先遍历ResultSet。

$.getJSON('menuData.json', function(read_data){
  $.each(read_data.d.ResultSet,function(i,result){
    $.each(result.Products,function(i,food){
      $("#hims").append("Menus: "+food.MenuName);
    });
  });
});