2019-6-21 山西太原工作 前臺整理
文章總結
主要是前后臺的交互代碼，浪費了兩個小時才弄好，注意 前臺往后臺返回的時候 使用的并非json格式傳入后臺 ， 后臺使用@ModelAttribute 可以實現自動的封裝，裝填對象
@ModelAttribute在參數前面加的作用 從model中取出key為user的User對象，model沒有User會自動創(chuàng)建，并把前臺表單的請求參數賦給這個User對象的對應屬性。
from表單在后臺一般對應的是一個實體類所以使用@ModelAttribute注解，自己裝配，還會上傳一些其他的參數，實體類中沒有，這時可以使用@RequestParam參數獲取

前臺Html

<form><input type="text" id="name" name="name" maxlength="10" placeholder="請?zhí)顚懩男彰?#34;><input type="text" id="telphone" name="telphone" maxlength="11" placeholder="請?zhí)顚懩氖謾C號"><button type="button" onclick="myfun_submit()“>確認提交 </button> </form>

前臺Js

‘比方說 格式化from表單之后 還要提交其他參數,可以采用下面的方式 // var data = "pageNo="+no+"&"+ $("form").serialize();function myfun_submit() {$.ajax({type : "post",dataType : "json",url : "/bookContact/joinContactSave",contentType:"application/x-www-form-urlencoded",data: $("form").serialize(),success:function (data) {if(data.status == 1){$(".tanchuang").show();}},//響應成功后的回調函數});}

后臺接受

@Controller @RequestMapping("/bookContact") public class BookContactController { public void joinContactSave(Model model,@ModelAttribute BookContactMember bookContactMember,@RequestParam(required = false, value = "contactItem", defaultValue = "") String contactItem ,HttpServletRequest request,HttpServletResponse response) { System.out.println(bookContactMember); } }

總結

以上是生活随笔為你收集整理的SSM项目 Jquery实现From表单提交 json后台并接受的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。