码迷,mamicode.com
首页 > 编程语言 > 详细

ajax-springMVC提交表单的方式

时间:2019-01-07 23:32:42      阅读:367      评论:0      收藏:0      [点我收藏+]

标签:form   svc   直接   提交表单   service   for   utf-8   versions   名称   

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

 

ajax-springMVC提交表单的方式

标签:form   svc   直接   提交表单   service   for   utf-8   versions   名称   

原文地址:https://www.cnblogs.com/zincredible/p/10236268.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!