日常時候通常使用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