真爱无限的知识驿站

学习积累技术经验,提升自身能力

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>

 

 


发表评论:

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

Powered By Z-BlogPHP 1.7.3

Copyright 2024-2027 pukuimin Rights Reserved.
粤ICP备17100155号