ajax-springMVC提交表單的方式
阿新 • • 發佈:2019-01-07
1.request引數提交(Form提交),適用於GET/POST
request引數傳遞都會轉換成 id=123&fileName=test.name&type=culture_art這種形式,get請求會顯示在url上,post不在url上顯示
ajax寫法:
$.ajax({ url : /admin/test, type : "post", async : true,//預設為true contentType: application/x-www-form-urlencoded, //預設值為表單提交data : {"id" : id,"fileName" : fileName,"type" : modelType},//請求引數 success : function(data) { //請求成功處理 }, error : function(data) { //請求失敗處理 } });
controller
第1,2種寫法controller形參和ajax data中的key必須保持一致
第3種寫法形參可以不一致,@requestParam中的vaue必須和data中的key一致才能自動引數繫結)
第1種寫法
@PostMapping("/admin/test") public ResultBean<String> updateModelNameAndType(
String id,
String fileName,
String type) { return null; }
第2種寫法 @PostMapping("/admin/test") public ResultBean<String> updateModelNameAndType(
@RequestParam String id,
@RequestParam String fileName,
@RequestParam String type) {return null; }
第3種寫法 @PostMapping("/admin/test") public ResultBean<String> updateModelNameAndType(
@RequestParam(value="id") String tmpId,
@RequestParam(value="fileName") String tmpFileName,
@RequestParam(value="type") String tmpType) { return null; }
第4種寫法(封裝成bean,bean的屬性名稱和ajax data中的key一致即可自動繫結到物件)
@PostMapping("/admin/test")
public ResultBean<String> updateModelNameAndType(ModelInfo modelInfo) {
return null;
}
2.request body提交,適用於POST提交
注意將ajax中data的值json物件轉成json字串
ajax
$.ajax({ url : "/admin/test", type : "post", contentType : "application/json;charset=UTF-8", data : JSON.stringify({id:"id",fileName:"test.txt"}),//或者直接獲取form表單 data : $('#form').serialize() success : function(data) { }, error : function(data) { } });
controller
@PostMapping("/admin/test") public ResultBean<String> insertNewVersion(@RequestBody VersionEntity versionInfo) { return service.getVersionSvc().insertVersion(versionInfo); }