日常时候通常使用js控制代码异步请求处理数据的,今天这项目中写完发现都没用到js代码了~~~前端
以前会经过按钮触发提交事件,在按钮事件中异步处理,此次直接在表单里填写后提交后台。发现这种也挺方便的,记录一下。json
个人后台是用Spring MVC的,对应的controller方法为app
@RequestMapping(value="/baseInfo/save",method=RequestMethod.POST) public String saveOrUpdate(HttpServletRequest request,@ModelAttribute BaseInfoEntity entity,HttpServletResponse respose) throws JsonProcessingException{ return "test"; }
这了使用 @ModelAttribute注解将对应表单中name的值封装到参数对象的对应属性中异步
前端中就是使用的JSPpost
<form id="formSubmit" method="post" enctype="application/json" class="form-x" action="${ctx}/baseInfo/save" > <div class="form-group" style="display:none"> <div class="label"> <label>id::</label> </div> <div class="field"> <input id="id" type="text" class="input w50" value="${info.id }" name="id" /> <div class="tips"></div> </div> </div> <div class="form-group" style="display:none"> <div class="label"> <label>name::</label> </div> <div class="field"> <input id="name" type="text" class="input w50" value="${info.name}" name="name" /> <div class="tips"></div> </div> </div> </form>
form中要设置下enctype为json的,否则可能会出现 415 Unsupported MediaType问题code
这样,基本上能够实现提交到后台那个代码里去了orm