js加载三级菜单（附带加载日期）

最新推荐文章于 2023-01-15 16:36:52 发布

SicongFu

最新推荐文章于 2023-01-15 16:36:52 发布

阅读量690

点赞数

分类专栏： js 文章标签：三级菜单多级菜单二级菜单

本文链接：https://blog.csdn.net/SicongFu/article/details/78291653

版权

js 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

<script type="text/javascript">
	window.οnlοad=function(){
		var a = new Array("日", "一", "二", "三", "四", "五", "六");  
		var week = new Date().getDay();  
		var str = "星期"+ a[week];  
		$("#xingqi").html(str);
		$("#riqi").html(currentTime());
		var index=0,index1=0,index2=0;
	     $.ajax({
	         url: '<%=request.getContextPath()%>/shouye/getMenu.action',
	         data: {flash: true},
	         type: 'GET',
	         dataType: 'json',
	         success: function (jsonData) {
	        	 console.log(jsonData.length);
	        	 /* 1 */
	             for (var i = 0; i < jsonData.length; i++) {
	                 if (jsonData[i].parentId == 0) {
	                     var menuLv1 = jsonData[i];
                         $("#menu0").append("<li class='first_li re'><a href='#' class='first_li_a first_li_ac'>"+menuLv1.text+"</a><ul id='menu1"+i+"' class='second_ul re'></ul></li>");
                         /* 2 */
                         for(var j=0;j<jsonData.length;j++){
                             if(jsonData[j].parentId == menuLv1.id){
                                 var menuLv2 = jsonData[j];
                                 $("#menu1"+i).append("<li class='second_li re'><a href='#' class='second_li_a'>"+menuLv2.text+"</a><ul id='menu2"+j+"' class='third_ul'> </ul></li>");
                                 /* 3 */
                                 for (var k = 0; k < jsonData.length; k++) {
                                 var menuLv3 = jsonData[k];
                                 if (jsonData[k].parentId == menuLv2.id) {
                                     $("#menu2"+j).append("<li class='third_li'><a href='#' class='third_li_a'>"+menuLv3.text+"</a></li>");
                                     //$(this).parent(".second_li_a").append("<span class='jiantou'></span>");
                                 }
                               } 
                             }
                         }
	                 }
	             }
	             oa.menuList();
	             //console.log($(".second_li").eq(2).children(".third_ul").children(".third_li").length)
	             for(var k=0;k<$(".second_li").length;k++){
	            	 if($(".second_li").eq(k).children(".third_ul").children(".third_li").length>0){
	                     $(".second_li").eq(k).children(".second_li_a").append("<span class=\"jiantou\"></span>");
	                     
	                 }
	             }
				
	             
	         }
	     });
	}
	
	
	function currentTime(){ 
	  var d=new Date(),str=''; 
	  str+=d.getFullYear()+'年'; 
	  str+=d.getMonth() + 1+'月'; 
	  str+=d.getDate()+'日'; 
	  return str; 
	}
	</script>

下面的后端代码

/**
     * 首页菜单
     * @param flash
     * @param request
     * @param response
     * @param model
     * @return
     */
    @RequestMapping("getMenu.action")
    public void getMenu(@RequestParam("flash") String flash ,HttpServletRequest request,  Map<String, Object> model) {
        String menusql="select * from menu order by id asc";
        try {
            List<Map<String, Object>> menuList = baseService.findMapBySql(menusql);
            model.put("jsonData", menuList);
        } catch (Exception e) {
            e.printStackTrace();
        }
    }