二级菜单json

{
  "menu": [
    {
      "name": "首页",
      "link": "/home"
    },
    {
      "name": "产品",
      "submenu": [
        {
          "name": "产品A",
          "link": "/products/a"
        },
        {
          "name": "产品B",
          "link": "/products/b"
        }
      ]
    },
    {
      "name": "关于我们",
      "link": "/about"
    }
  ]
}

[
  {
    "name": "首页",
    "link": "/home"
  },
  {
    "name": "产品",
    "submenu": [
      {
        "name": "产品A",
        "link": "/products/a"
      },
      {
        "name": "产品B",
        "link": "/products/b"
      }
    ]
  },
  {
    "name": "关于我们",
    "link": "/about"
  }
]

const menuData = {
  "menu": [
    {
      "name": "首页",
      "link": "/home"
    },
    {
      "name": "产品",
      "submenu": [
        {
          "name": "产品A",
          "link": "/products/a"
        },
        {
          "name": "产品B",
          "link": "/products/b"
        }
      ]
    },
    {
      "name": "关于我们",
      "link": "/about"
    }
  ]
};

function createMenu(menuData) {
  const menuContainer = document.getElementById('menu');
  menuData.menu.forEach(item => {
    const menuItem = document.createElement('a');
    menuItem.href = item.link;
    menuItem.textContent = item.name;
    menuContainer.appendChild(menuItem);

    if (item.submenu) {
      const submenuContainer = document.createElement('div');
      submenuContainer.className = 'submenu';
      item.submenu.forEach(subItem => {
        const subMenuItem = document.createElement('a');
        subMenuItem.href = subItem.link;
        subMenuItem.textContent = subItem.name;
        submenuContainer.appendChild(subMenuItem);
      });
      menuContainer.appendChild(submenuContainer);
    }
  });
}

createMenu(menuData);

async function fetchMenuData() {
  try {
    const response = await fetch('/path/to/menu.json');
    if (!response.ok) {
      throw new Error('Network response was not ok');
    }
    const menuData = await response.json();
    createMenu(menuData);
  } catch (error) {
    console.error('There was a problem with the fetch operation:', error);
    // 显示错误信息或默认菜单
  }
}

fetchMenuData();