javaWeb二级联动菜单问题
准备实现二级联动
数据库:
一级分类
二级分类
web页面前端:function dl() {
//获取ID大类选项索引
var d = document.getElementById("dlid").selectedIndex;
//根据索引获取对应的option的value的值
var dlid =document.getElementsByTagName("option")[d].value;
alert (dlid);
var url="<%=basePath%>AdminServlet?method=erjiguanlian&daleiid="+dlid;
alert(url);
$.ajax({
type: "post",//数据发送的方式(post 或者 get)
url: url,//要发送的后台地址
data: {'dlid':dlid},//要发送的数据(参数)格式为{'val1':"1","val2":"2"}
dataType: "json",//后台处理后返回的数据格式
success: function (data) {//ajax请求成功后触发的方法
alert('请求成功');
},
error: function (msg) {//ajax请求失败后触发的方法
alert(msg);//弹出错误信息
}
});
}
java后台处理:
String id = request.getParameter("dlid");
System.out.println("我是测试二级关联菜单的===="+id);
String sql ="select * from xiaolei where daleiid='"+id+"'";
List pagelist3 = cBean.getCom(sql, 4);
Map map = new HashMap();
if(!pagelist3.isEmpty()){
for(int i=0;i<pagelist3.size();i++){
List pagelist2 =(ArrayList)pagelist3.get(i);
String xiaoleiid=pagelist2.get(0).toString() ;
String xiaoleimc=pagelist2.get(2).toString() ;
map.put(xiaoleiid, xiaoleimc);
}
JSONObject jsonObject = JSONObject.fromObject(map);
String xl = jsonObject.toString();
PrintWriter out = response.getWriter();
out.write(xl);
//System.out.println(xl);
System.out.println(jsonObject+"输出json对象");
控制台可以输出测试数据:{"7":"阅读理解","6":"口才表达","8":"英语口语"}输出json对象
一级菜单,从数据库遍历的,二级菜单计划给他方法让它自动遍历,但是现在卡壳了,不知道前面怎么获取数据,大神求救
数据库:
一级分类

二级分类

web页面前端:function dl() {
//获取ID大类选项索引
var d = document.getElementById("dlid").selectedIndex;
//根据索引获取对应的option的value的值
var dlid =document.getElementsByTagName("option")[d].value;
alert (dlid);
var url="<%=basePath%>AdminServlet?method=erjiguanlian&daleiid="+dlid;
alert(url);
$.ajax({
type: "post",//数据发送的方式(post 或者 get)
url: url,//要发送的后台地址
data: {'dlid':dlid},//要发送的数据(参数)格式为{'val1':"1","val2":"2"}
dataType: "json",//后台处理后返回的数据格式
success: function (data) {//ajax请求成功后触发的方法
alert('请求成功');
},
error: function (msg) {//ajax请求失败后触发的方法
alert(msg);//弹出错误信息
}
});
}
java后台处理:
String id = request.getParameter("dlid");
System.out.println("我是测试二级关联菜单的===="+id);
String sql ="select * from xiaolei where daleiid='"+id+"'";
List pagelist3 = cBean.getCom(sql, 4);
Map map = new HashMap();
if(!pagelist3.isEmpty()){
for(int i=0;i<pagelist3.size();i++){
List pagelist2 =(ArrayList)pagelist3.get(i);
String xiaoleiid=pagelist2.get(0).toString() ;
String xiaoleimc=pagelist2.get(2).toString() ;
map.put(xiaoleiid, xiaoleimc);
}
JSONObject jsonObject = JSONObject.fromObject(map);
String xl = jsonObject.toString();
PrintWriter out = response.getWriter();
out.write(xl);
//System.out.println(xl);
System.out.println(jsonObject+"输出json对象");
控制台可以输出测试数据:{"7":"阅读理解","6":"口才表达","8":"英语口语"}输出json对象
一级菜单,从数据库遍历的,二级菜单计划给他方法让它自动遍历,但是现在卡壳了,不知道前面怎么获取数据,大神求救
...全文
相关推荐
二级联动功能
首先,我们需要在HTML页面上创建两个`<select>`元素,分别代表一级和二级联动的下拉框。例如,省份和城市的下拉菜单:```html<select id="province"> <!
javaweb点餐系统
在点餐系统中,自适应界面确保无论用户是在大屏电脑还是小屏手机上,都能方便地浏览菜单和下单。5.
IDEA运行导入的javaweb项目tomcat正常,但是运行失败404问题
IDEA运行javaweb项目失败404问题然而,在IDEA中运行javaweb项目tomcat时,不少开发者可能会遇到404错误的问题。
Ajax实现java web 中下拉列表二级联动
通过以上步骤和注意事项,我们就可以在Java Web应用中成功实现Ajax驱动的二级联动下拉列表,提升用户的交互体验。
JavaWeb开发之使用jQuery与Ajax实现动态联级菜单效果
在讨论JavaWeb开发中如何使用jQuery与Ajax实现动态联级菜单效果之前,先对标题中提及的技术和概念做一下阐述。首先,JavaWeb开发指的是使用Java语言进行网络应用和网站的开发。


Web 开发
