已知返回的数据格式如下:
在js中,要遍历出上面的菜单,然后拼出页面,html页面中有一句:<div class="sideBarBox" id="sideBarBox"></div>
js代码如下:
$.ajax({
url : comm.domainList['ip61'] + comm.UrlList["qryCallList"],
type : 'POST',
cache : false,
async : false,
success : function(data) {
if (data) {
console.log(data);
var childMenu = "";
var returnParent = "";
$.each(data.menu.children,function(i,menus) {
//处理<h3>的class
if(i==0){
parentmenus +="<h3 class='sideBarTab bg_red'>"+menus.itemName+"</h3>";
}else{
parentmenus +="<h3 class='sideBarTab bg_blue'>"+menus.itemName+"</h3>";
}
parentmenus +="<div>" +
"<i id='sideBarBtn_up_"+(i+1)+"' class='sideBar_icon icon_sideBar_up'></i>" +
"<div class='sideBar_menu sideBar_menu_h2 pr' id='serviceMenu"+(i+1)+"'>" +
"<ul id='sideBarMenu_"+(i+1)+"' class='sideBar_menu_inner pa'>";
$.each(menus.children,function(j,menuss){
//拼出变化的class
var j_string = j+1;
if(j_string<10){
j_string = "0"+j_string;
}
parentmenus +="<li><i id='sideBar_menu_icon"+(j+1)+"' class='sideBar_menu_icon icon_sideBar_"+j_string+"'></i><span class='f14'>"+menuss.itemName+"</span></li>";
});
parentmenus += "</ul></div><i id='sideBarBtn_down_"+(i+1)+"' class='sideBar_icon icon_sideBar_down'></i></div>";
});
}
}
});
$('#sideBar').html(tpl);//加载左边菜单页面到主页面中
$("#sideBarBox").html(parentmenus);//加载左边菜单页面上的元素
url : comm.domainList['ip61'] + comm.UrlList["qryCallList"],
type : 'POST',
cache : false,
async : false,
success : function(data) {
if (data) {
console.log(data);
var childMenu = "";
var returnParent = "";
$.each(data.menu.children,function(i,menus) {
//处理<h3>的class
if(i==0){
parentmenus +="<h3 class='sideBarTab bg_red'>"+menus.itemName+"</h3>";
}else{
parentmenus +="<h3 class='sideBarTab bg_blue'>"+menus.itemName+"</h3>";
}
parentmenus +="<div>" +
"<i id='sideBarBtn_up_"+(i+1)+"' class='sideBar_icon icon_sideBar_up'></i>" +
"<div class='sideBar_menu sideBar_menu_h2 pr' id='serviceMenu"+(i+1)+"'>" +
"<ul id='sideBarMenu_"+(i+1)+"' class='sideBar_menu_inner pa'>";
$.each(menus.children,function(j,menuss){
//拼出变化的class
var j_string = j+1;
if(j_string<10){
j_string = "0"+j_string;
}
parentmenus +="<li><i id='sideBar_menu_icon"+(j+1)+"' class='sideBar_menu_icon icon_sideBar_"+j_string+"'></i><span class='f14'>"+menuss.itemName+"</span></li>";
});
parentmenus += "</ul></div><i id='sideBarBtn_down_"+(i+1)+"' class='sideBar_icon icon_sideBar_down'></i></div>";
});
}
}
});
$('#sideBar').html(tpl);//加载左边菜单页面到主页面中
$("#sideBarBox").html(parentmenus);//加载左边菜单页面上的元素