layui动态生成导航条（不同权限的用户看到不同的页面）

layui动态生成导航条（不同权限的用户看到不同的页面）

侧边导航

html结构：

   <div class="layui-side layui-bg-black dynamic-navigation" id="leftnav">
        </div>
        <script src="js/nav.js" type="text/javascript" charset="utf-8"></script>

js代码

$.ajax({
type:"post"
url:"",
success:function(res){
var leftMenu="",//定义一个空串
leftMenu+=“<div class="layui-side-scroll">  <ul class="layui-nav layui-nav-tree" lay-shrink="all" id="LAY-system-side-menu" lay-filter="layadmin-system-side-menu">” //侧导航栏的最外层
for(var i =0;i<res.data.length;i++){  //循环后台拿到的数据
leftMenu+= "<li class='layui-nav-item'>"
leftMenu+="<a href='javascript:;'>"+res.data[i].bigName+"</a>"
leftMenu+=""<dl class='layui-nav-child'>"
for(var j=0;j<res.data[i].sonAuthList.length; j++) { //循环父级下的子菜单
leftMenu+=“<dd>"
leftMenu+=“<a herf='"+res.data[i].sonAuthList[j].url+"'>"+res.data[i].sonAuthList[j].authUser+"</a>"
leftMenu+= "</dd>"
}
leftMenu+="</dl>"
leftMenu+="</li>"
}
leftMenu+="</ui></div>"
}
})
$("#leftnav").html(leftMenu)

返回的数据格式（其中一条）

code: 0
count: null
data: 
bigAuth: "1"
bigName: "权限"
sonAuthList: 
0: {authId: "1001", bigAuth: "1", authUser: "修改", url: "http://178.0.0.1:8013//toPassword"}
1: {authId: "10012", bigAuth: "1", authUser: "查询", url: "http://178.0.0.1:8013//toUser"}

顶部导航

html代码

   <div class="layui-header">
            <div class="layui-logo"><img src="img/logo-2.png"></div>
            <ul class="layui-nav layui-layout-left" id="topnav">
            </ul>
            <script src="js/nav.js" type="text/javascript" charset="utf-8"></script>
        </div>

js代码

$.ajax({
type:"post"
url:"",
success:function(res){
var topMenu="",//定义一个空串
        for (var i = 0; i < data.data.length; i++) {
                topMenu += "<li class='layui-nav-item'>"
                // if(data.data[i].bigAuth== data.data[i].bigAuth){
                topMenu += "<a href='javascript:;'>" + data.data[i].bigName + "</a>"
                topMenu += "<dl class='layui-nav-child'>"
                for (var j = 0; j < data.data[i].sonAuthList.length; j++) {
                    topMenu += "<dd>"
                    topMenu += "<a href='" + data.data[i].sonAuthList[j].url + "'>" + data.data[i].sonAuthList[j].authUser + "</a>"
                    topMenu += "</dd>"
                }
                topMenu += "</dl>";
                topMenu += "</li>";
            }
}
})
$("#topnav").html(topMenu)

返回的数据格式（其中一条）

code: 0
count: null
data: 
bigAuth: "1"
bigName: "权限"
sonAuthList: 
0: {authId: "1001", bigAuth: "1", authUser: "修改", url: "http://178.0.0.1:8013//toPassword"}
1: {authId: "10012", bigAuth: "1", authUser: "查询", url: "http://178.0.0.1:8013//toUser"}