js載入三級選單(附帶載入日期)
阿新 • • 發佈:2018-11-16
<script type="text/javascript"> window.onload=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(); } }