使用$.get()显示菜单和子菜单

{
  "menu": [
    {
      "name": "菜单1",
      "url": "https://example.com/menu1"
    },
    {
      "name": "菜单2",
      "url": "https://example.com/menu2"
    }
  ],
  "submenu": [
    {
      "name": "子菜单1",
      "url": "https://example.com/submenu1"
    },
    {
      "name": "子菜单2",
      "url": "https://example.com/submenu2"
    }
  ]
}

$.get("/api/menu", function(data) {
  var menuContainer = $("#menu-container");
  var submenuContainer = $("#submenu-container");

  // 显示菜单
  $.each(data.menu, function(index, item) {
    var menuItem = $("<a>").attr("href", item.url).text(item.name);
    menuContainer.append(menuItem);
  });

  // 显示子菜单
  $.each(data.submenu, function(index, item) {
    var submenuItem = $("<a>").attr("href", item.url).text(item.name);
    submenuContainer.append(submenuItem);
  });
});