jQuery遍历json格式数据完整代码实例
分类:实例代码
本章节分享一段完整的代码实例,它实现了对json格式数据遍历的功能。
代码实例如下:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.pipipi.net/" /> <title>前端教程网</title> <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script> <script> var a = { "sys_bb": [ { "menu_name": "前端专区", "menus": [ { "menu_name": "json数据" }, { "menu_name": "div教程" } ] }, { "menu_name": "资源能转区", "menus": [ { "menu_name": "特效下载" }, { "menu_name": "手机模板" }, { "menu_name": "网站模板" } ] } ], "sys_cw": [ { "menu_name": "前端教程网", "menus": [ { "menu_name": "pipipi.net" } ] } ] }; $(function () { $.each(a.sys_bb, function (i, n) { $("#Div").append(a.sys_bb[i].menu_name + "<br>"); $.each(a.sys_bb[i].menus, function (i, n) { $("#Div").append(" " + n.menu_name + "<br>"); }); }); $.each(a.sys_cw, function (i, n) { $("#Div").append(a.sys_cw[i].menu_name + "<br>"); $.each(a.sys_cw[i].menus, function (i, n) { $("#Div").append(" " + n.menu_name + "<br>") }); }); }); </script> </head> <body> <div id="Div"></div> </body> </html>
网站出售中,有意者加微信:javadudu