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

前臺(tái)Html

<form><input type="text" id="name" name="name" maxlength="10" placeholder="請(qǐng)?zhí)顚?xiě)您的姓名"><input type="text" id="telphone" name="telphone" maxlength="11" placeholder="請(qǐng)?zhí)顚?xiě)您的手機(jī)號(hào)"><button type="button" onclick="myfun_submit()“>確認(rèn)提交 </button> </form>

前臺(tái)Js

‘比方說(shuō) 格式化from表單之后 還要提交其他參數(shù),可以采用下面的方式 // 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();}},//響應(yīng)成功后的回調(diào)函數(shù)});}

后臺(tái)接受

@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); } }

總結(jié)

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

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。