20
2012
05

jquery遍历json数据用例1

<script>

var a ={
   "sys_bb": [
       {
           "menu_name": "报  表1",
           "menus": [
               {
                   "menu_name": "库存"
               },
               {
                   "menu_name": "销售"
               }
           ]
       },
       {
           "menu_name": "报  表2",
           "menus": [
               {
                   "menu_name": "盘点"
               },
               {
                   "menu_name": "查库"
               },
               {
                   "menu_name": "查销售"
               }
           ]
       }
   ],
   "sys_cw": [
       {
           "menu_name": "财   务",
           "menus": [
               {
                   "menu_name": "收款统计"
               }
           ]
       }
   ]
};

 $(function(){
     
   $.each(a.sys_bb,function(i,n){
      
      $("#navigation").append(a.sys_bb[i].menu_name+"<br>");
       $.each(a.sys_bb[i].menus,function(i,n){
       
         $("#navigation").append(" "+n.menu_name+"<br>");
       });
       
   });
   
     $.each(a.sys_cw,function(i,n){
      
      $("#navigation").append(a.sys_cw[i].menu_name+"<br>");
       $.each(a.sys_cw[i].menus,function(i,n){
       
         $("#navigation").append(" "+n.menu_name+"<br>")
       });
       
   });
 });
</script>

 

 



版权声明:
作者:真爱无限 出处:http://www.pukuimin.top 本文为博主原创文章版权归作者所有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文链接.
« 上一篇下一篇 »

相关文章:

评论列表:

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。