<script>
$.get('./data.json', function(data) {
recursion(data['menulist'], document.body);
});
function recursion(menulist, parent) {
var ul = document.createElement('ul');
if (menulist) {
menulist.forEach(val => {
var li = document.createElement('li');
li.innerText = val['MName'];
$(ul).append(li);
recursion(val['menulist'], li);
});
}
if (ul.innerHTML) $(parent).append(ul);
}
/*
body
ul
li 首页
ul
li 车辆买卖
li 新车
ul
li 奥迪
ul
li 别克
ul
li 二手车
ul
li 改装车
ul
li 宠物
ul
*/
</script>
数据存在json文件中
{
"menulist": [
{ "MID": "M001", "MName": "首页", "Url": "#", "menulist": "" },
{
"MID": "M002",
"MName": "车辆买卖",
"Url": "#",
"menulist": [
{
"MID": "M003",
"MName": "新车",
"Url": "#",
"menulist": [
{ "MID": "M006", "MName": "奥迪", "Url": "#", "menulist": "" },
{ "MID": "M007", "MName": "别克", "Url": "#", "menulist": "" }
]
},
{ "MID": "M004", "MName": "二手车", "Url": "#", "menulist": "" },
{ "MID": "M005", "MName": "改装车", "Url": "#", "menulist": "" }
]
},
{ "MID": "M006", "MName": "宠物", "Url": "#", "menulist": "" }
]
}