《Spring MVC中Ajax实现二级联动的简洁实例_》由会员分享,可在线阅读,更多相关《Spring MVC中Ajax实现二级联动的简洁实例_(11页珍藏版)》请在人人文库网上搜索。
1、Spring MVC中Ajax实现二级联动的简洁实例_下面我就为大家带来一篇Spring MVC中Ajax实现二级联动的简洁实例。我觉得挺不错的,现在就分享给大家,也给大家做个参考。 今日写项目遇到了二级联动,期间遇到点问题,写个博客记录一下。 后台Controller: RequestMapping(/faultType) ResponseBody public MapString,Object faultType(int id,HttpServletRequest request)throws IOException String ReturnMessage = ; /猎取全部子类故障类型。
2、 ListFaultType fauList=faultTypeService.getById(id); if(fauList.size()0) request.setAttribute(childType, fauList); ReturnMessage = OK; else ReturnMessage = 未找到信息; /* MapString,Object ReturnMAP = new HashMapString,Object(); ReturnMAP.put(childType, fauList); return ReturnMAP; 前台JSP: div class=col-sm-。
3、3 div class=form-group label class=col-3 control-label no-padding-right 故障类型: /label select name=faulttype id=faulttype οnchange=javascript:typeChange() c:forEach items=$faultlist var=faulist option value=$faulist.faultId $faulist.faultContent /option /c:forEach /select /div /div div class=col-sm-3 。
4、div class=form-group label class=col-3 control-label no-padding-right 故障: /label input id=childTypeCont name=childTypeCont value= type=hidden class=col-sm-4 form-control placeholder=故障 select name=faulttype1 id=faulttype1 option-请选择-/option c:forEach items=$childType var=faulist option value=$faulis。
5、t.faultId $faulist.faultContent /option /c:forEach /select /select /div /div JS: function typeChange() var type=$(#faulttype).val(); var html = option-请选择-/option; var CommitUrl = faultType.do?id= + type; $.ajax( type : POST, contentType : application/json, url : CommitUrl, dataType : json, success 。