ajax中如何把传递过来的json数据循环遍历出来显示

[qq_37115057]

{
"list":[
{
"name":"用户管理",
"menuId":1,
"pageUrl":"/user",
"sort":2,
"type":"0",
"list":[
{
"name":"工人管理",
"menuId":10,
"pageUrl":"/user/index.jsp?roleKey=worker",
"sort":1,
"type":"1",
"parentId":1
},
{
"name":"工长管理",
"menuId":11,
"pageUrl":"/user/index.jsp?roleKey=captain",
"sort":2,
"type":"1",
"parentId":1
}
],
"parentId":0
},
{
"name":"工单管理",
"menuId":2,
"pageUrl":"/case",
"sort":2,
"type":"0",
"list":[
{
"name":"预约",
"menuId":12,
"pageUrl":"/case/index.jsp?cateId=13",
"sort":1,
"type":"1",
"parentId":2
},
{
"name":"咨询",
"menuId":13,
"pageUrl":"/case/index.jsp?cateId=14",
"sort":2,
"type":"1",
"parentId":2
}

],
"parentId":0
}
]
}

json返回这种格式怎么把他显示出来

[天际的海浪]

<div id="box"></div>

<script type="text/javascript">
var data = {
"list":[
        {
            "name":"用户管理",
            "menuId":1,
            "pageUrl":"/user",
            "sort":2,
            "type":"0",
            "list":[
                {
                    "name":"工人管理",
                    "menuId":10,
                    "pageUrl":"/user/index.jsp?roleKey=worker",
                    "sort":1,
                    "type":"1",
                    "parentId":1
                },
                {
                    "name":"工长管理",
                    "menuId":11,
                    "pageUrl":"/user/index.jsp?roleKey=captain",
                    "sort":2,
                    "type":"1",
                    "parentId":1
                }
            ],
            "parentId":0
        },
        {
            "name":"工单管理",
            "menuId":2,
            "pageUrl":"/case",
            "sort":2,
            "type":"0",
            "list":[
                {
                    "name":"预约",
                    "menuId":12,
                    "pageUrl":"/case/index.jsp?cateId=13",
                    "sort":1,
                    "type":"1",
                    "parentId":2
                },
                {
                    "name":"咨询",
                    "menuId":13,
                    "pageUrl":"/case/index.jsp?cateId=14",
                    "sort":2,
                    "type":"1",
                    "parentId":2
                }
               
            ],
            "parentId":0
        }
   ]
};


function fu(arr) {
	var str = "";
	for (var i = 0, len = arr.length; i < len; i++) {
		str += "<li>"+arr[i].name+"</li>";
		if (arr[i].list)
			str += fu(arr[i].list);
	}
	return "<ul>"+str+"</ul>";
}
document.getElementById("box").innerHTML=fu(data.list);

</script>

[戎码亿升]

一楼刚好用一个递归方法解决很是巧妙

[村里唯一的程序员]

感谢一楼大佬