<script type="text/javascript">
var menulist = {
"menulist": [
{ "MID": "M001", "MName": "首页", "Url": "TB_inline?height=580&width=800&inlineId=myOnPageContent", "children": "" },
{ "MID": "M002", "MName": "车辆买卖", "Url": "#", "children":
[
{ "MID": "M003", "MName": "新车", "Url": "#", "children":
[
{ "MID": "M006", "MName": "奥迪", "Url": "#", "children": "" },
{ "MID": "M007", "MName": "别克", "Url": "#", "children": "" }
]
},
{ "MID": "M004", "MName": "二手车", "Url": "#", "children": "" },
{ "MID": "M005", "MName": "改装车", "Url": "#", "children": "" }
]
},
{ "MID": "M006", "MName": "宠物", "Url": "#", "children": "" }
]
};
$(function () {
var showlist = $("<ul></ul>");
showall(menulist.menulist, showlist);
$("#div_menu").append(showlist);
alert($("#div_menu").append(showlist).html());
});
//menu_list为json数据
//parent为要组合成html的容器
function showall(menu_list, parent) {
for (var menu in menu_list) {
//如果有子节点,则遍历该子节点
if (menu_list[menu].children.length > 0) {
//创建一个子节点li
var li = $("<li></li>");
//拼接字符:<a href='#'>首页</a>
// var link = (menu_list[menu].Url=="#")?$("<a href='"+menu_list[menu].Url+"'>"+menu_list[menu].MName+"</a>"):$("<a href='"+menu_list[menu].Url+"' class='thickbox'>"+menu_list[menu].MName+"</a>");
var link = $("<a href='"+menu_list[menu].Url+"' class='thickbox'>"+menu_list[menu].MName+"</a>");
//将a附加到li里,并马上添加一个空白的ul子节点,并且将这个li添加到父亲节点中
$(li).append(link).append("<ul></ul>").appendTo(parent);
//将空白的ul作为下一个递归遍历的父亲节点传入
showall(menu_list[menu].children, $(li).children().eq(1));
}
//如果该节点没有子节点,则直接将该节点li以及文本创建好直接添加到父亲节点中
else {
//拼接字符:<a href='#'>首页</a>
var link = $("<a href='"+menu_list[menu].Url+"' class='thickbox'>"+menu_list[menu].MName+"</a>");
$("<li></li>").append(link).appendTo(parent);
}
}
}
</script>
<div id="div_menu"></div>
相关推荐
jQuery去读取json的数据非常非常方面而且大大提高了用户界面的可读性,提高了读取的效率,比读xml文件更加方面
jQuery ajax读取json文件内容
jquery获取json数据的并分页案例
在官网上一直下载不下来 然后共享在这 jquery.json-2.3.min.js和jquery.json-2.3.js
jQuery+ajax按条件读取json文件内容
jquery.json-2.3.min.js和jquery.json-2.3.js jQuery为开发插件提拱了两个方法,分别是:jQuery.extend(object); 为扩展jQuery类本身 jQuery.fn.extend(object);给jQuery对象添加方法。
Jquery-json 是 jQuery 的一个插件,可轻松实现对象和 JSON 字符串之间的转换。可序列化 JavaScript 对象、数值、字符串和数组到 JSON 字符串,同时可转换 JSON 字符串到 JavaScript。 var thing = {plugin: '...
jquery.jsoncookie.js
jquery.json-viewer, 用于显示JSON数据的jQuery插件 jQuery浏览器JSON浏览器是一个jQuery插件,它可以通过将JSON对象转化为HTML来轻松显示JSON对象。功能:语法高亮显示在单击时折叠和展开子节点可以点击链接易于...
jquery.json-viewer.js是一款查看json格式数据的jquery插件。它可以将混乱的json数据漂亮的方式展示在页面中,并支持节点的伸展和收缩和语法高亮等功能。
用jquery解析JSON数据的方法,作为jquery异步请求的传输对象,jquery请求后返回的结果是json对象,这里考虑的都是服务器返回JSON形式的字符串的形式,对于利用JSONObject等插件封装的JSON对象,与此亦是大同小异,这里...
JQuery利用json读取JavaBean_List
jquery.json2xml.js&&jquery.xml2json.js在jQuery的基础上实现json与xml的相互转换
向页面展示json格式数据,针对需要展示的数据进行美话处理 之前上传了jquery-json数据美化,传错了,请下载这个
Ajax无刷新分页(jQuery+Json) 做了一个用jQuery来实现的用户控件,VS2008+Access jQuery+ashx+JSON 用ashx来接收请求,数据格式为JSON 实现了批量(选择)操作,编辑接口(反回两个值给用户进行自定义操作) 删除,...
jquery1.7 jquery for json 2.3
用jquery解析JSON数据的方法20110227用jquery解析JSON数据的方法20110227