//加载菜单代码
//使用ajax异步请求后台加载商品类型
$(document).ready(function(){
$.ajax({
dataType : 'json',
type : 'POST',
url : '${pageContext.request.contextPath}/listCategory.action',
success : function(data) {
// alert(JSON.stringify(data));
var content="";
// for(var i=0;i<data.length;i++){
// content+="<li class='active'><a href='${pageContext.request.contextPath}/findProductByCategory.action?id="+data[i].id+"'>"+data[i].categoryName+"</a></li>";
// alert(data[i].id+data[i].categoryName);
// }
for(var i=0;i<data.length;i++){
content+="<li class='active'><a onclick='findProductByCategory("+data[i].id+");'>"+data[i].categoryName+"</a></li>";
//alert(data[i].id+data[i].categoryName);
}
$("#categoryContent").html(content);
}
});
});
//导航条代码
<div class="container-fluid">
<nav class="navbar navbar-inverse">
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="${pageContext.request.contextPath }/index.jsp">首页</a>
</div>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav" id="categoryContent">
</ul>
<div class="navbar-form navbar-right" role="search">
<div class="form-group">
<input type="text" class="form-control" placeholder="Search" id="findName">
</div>
<button class="btn btn-default" onclick="findGood()">Submit</button>
</div>
</div>
</div>
</nav>
</div>
主要是菜单点击功能可以实现 不过没有点击效果