spring/struts/hibernate+jquery实现三级联动
2017-01-10 14:42
399 查看
jsp页面部分:
js部分:
struts2配置部分:
action部分:
最后,一定不要忘记导入struts2-json-plugin-2.3.15.1.jar 这个夹包的版本也要和struts2的其他的夹包的版本一致~~!
<li id="floors"> <span class="title" id="floorShow">选择楼栋:</span> <select name="build" id="build" style="width: 282px;height: 40px;" onchange="floor2()"> </select> </li> <li id="builds"> <span class="title" id="floorShow">选择住房:</span> <select name="builds" id="floot2" style="width: 282px;height: 40px;"> </select> </li>
js部分:
function floor(){ document.getElementById("build").options.length =0; document.getElementById("floot2").options.length =0; var parentId = document.getElementById("village").value; if(parentId == 0){ }else{ $.ajax({ type : "post", url : "floor.action", data : {"parentId":parentId}, dataType : "json", success :function(data){ console.log(data); var len = data.length; var htm = "<option value='0'>请选择</option>"; for(var i=0;i<len;i++){ htm += "<option value='"+data[i].id+"'>"+data[i].info+"</option>"; } $("#build").append(htm); } }) } } function floor2(){ document.getElementById("floot2").options.length =0; var build = document.getElementById("build").value; if(build == 0){ }else{ $.ajax({ type : "post", url : "floor2.action", data : {"parentId":build}, dataType : "json", success : function(data){ var len = data.length; var htm = "<option value='0'>请选择</option>"; for(var i=0;i<len;i++){ htm += "<option value='"+data[i].id+"'>"+data[i].info+"</option>"; } $("#floot2").append(htm); } }) } }
struts2配置部分:
<package name="user" namespace="/" extends="json-default"> <action name="floor" class="address 9e54 InfoAction" method="floor"> <result type="json"> <param name="root">floor</param> </result> </action> <action name="floor2" class="addressInfoAction" method="floor2"> <result type="json"> <param name="root">floor2</param> </result> </action> </package>
action部分:
public String floor(){ System.out.println("这里是ajax调用"); //floor = addressInfoService.getFloor(addressInfo.getParentId()); System.out.println(addressInfo.getParentId()); floor = addressInfoService.getFloor(addressInfo.getParentId()); return SUCCESS; } public String floor2(){ System.out.println("这里是ajax的第二次调用"); System.out.println(addressInfo.getParentId()); floor2 = addressInfoService.getBuild(addressInfo.getParentId()); return SUCCESS; }
最后,一定不要忘记导入struts2-json-plugin-2.3.15.1.jar 这个夹包的版本也要和struts2的其他的夹包的版本一致~~!
相关文章推荐
- Hibernate+struts+JqueryAjax+jSON实现无刷新三级联动
- Hibernate+struts+JqueryAjax+jSON实现无刷新三级联动
- Struts+Spring+Hibernate+dwr 实现省市区三级联动
- Hibernate+struts+JqueryAjax+jSON实现无刷新三级联动
- Struts+Spring+Hibernate+dwr 实现省市区三级联动
- struts+spring+hibernate用jquery实现数据分页异步加载,页面不刷新
- Struts+Spring+Hibernate实现上传下载(一)
- Struts+Spring+Hibernate实现上传下载
- Struts+Spring+Hibernate实现上传下载
- Struts+Spring+Hibernate实现上传下载
- Struts+Spring+Hibernate实现上传下载
- Spring+Struts+Hibernate(一个实现用户注册的简单示例)
- struts spring hibernate整合简单实现
- Struts+Spring+Hibernate实现上传下载
- Struts+Spring+Hibernate实现上传下载
- 超级详细易懂的Struts+Spring+Hibernate实现上传下载
- struts+spring+hibernate实现数据库记分页显示
- Struts+Spring+Hibernate实现上传下载
- Struts+Spring+Hibernate实现上传下载
- 用Struts2.0+Hibernate+Spring实现用户登陆