javascript - 如何使用 getJSON 读取和显示 json 二维数组?
问题描述
我想阅读 2D JSON
JSON 文件示例 -
[
{
"name":"메뉴1",
"permission":"1",
"link":"http://naver.com"
},
{
"name":"메뉴2",
"permission":"2",
"link":"http://daum.net",
"sub":[
{
"name":"메뉴2-1",
"permission":"1",
"link":"http://google.com"
},
{
"name":"메뉴2-2",
"permission":"1",
"link":"http://yahoo.com"
}
]
}
]
我想在主菜单的底部放置一个二级菜单。我知道如何显示一维数组,但我不能显示二维数组。请帮我。
<script >
$(document).ready(function() {
{
$.getJSON('./inc/menu.json', function(data) {
var html = '';
html += '<ul>';
$.each(data, function(entryIndex, entry) {
html += '<li><a href=' + entry.link + ' title=' + entry.permission + '>' + entry.name + '</a></li>';
});
html += '</ul>';
console.log(html);
$("nav").html(html);
});
return false;
}
});
</script>
解决方案
尝试这个?
$(document).ready(function() {
{
$.getJSON('./inc/menu.json', function(data) {
var html = '';
html += '<ul>';
$.each(data, function(entryIndex, entry) {
if(entry.sub && entry.sub.length > 0) {
html += '<li><ul>';
$.each(entry.sub, function(key, val) {
html += '<li><a href=' + val.link + ' title=' + val.permission + '>' + val.name + '</a></li>';
});
html += '</ul></li>';
} else {
html += '<li><a href=' + entry.link + ' title=' + entry.permission + '>' + entry.name + '</a></li>';
}
});
html += '</ul>';
console.log(html);
$("nav").html(html);
});
return false;
}
});
推荐阅读
- docker - /var/run/docker.sock:没有这样的文件或目录
- android - 易蓝牙经典模块连接
- android - 根据指南针旋转 360 度全景图像
- python - 在python中加载包含非ascii字符的xml
- javascript - google 闭包编译器 + ant 自动链接源映射自动到源
- javascript - 将参数传递给 .net 中的 jQuery 加载对话框
- azure - 从 Classic 迁移到 ARM 之前是否需要备份 Azure 存储帐户?
- reactjs - 模拟 api 调用时如何设置状态
- mysql - 在mysql中重新排序多行序列
- excel - 单元格是否包含复选框?