怎么使用spirngmvc js传递复杂json参数到controller

这次给大家带来怎么使用spirngmvc js传递复杂json参数到controller,使用spirngmvc js传递复杂json参数到controller的注意事项有哪些,下面就是实战案例,一起来看一下。

Spring MVC在接收集合请求参数时,需要在Controller方法的集合参数里前添加@RequestBody,而@RequestBody默认接收的enctype (MIME编码)是application/json,因此发送POST请求时需要设置请求报文头信息,否则Spring MVC在解析集合请求参数时不会自动的转换成JSON数据再解析成相应的集合。

以下列举接收List、List、List

>、User[]、User(bean里面包含List)几种较为复杂的集合参数示例:

接收List集合参数:

1、页面js代码:

var idList = new Array(); idList.push(“1”); idList.push(“2”); idList.push(“3”); var isBatch = false; $.ajax({  type: "POST",  url: "/catalog.do?fn=deleteCatalogSchemes",  dataType: 'json',  data: {"idList":idList,"isBatch":isBatch},  success: function(data){   …  },  error: function(res){   …  } });

登录后复制

2、Controller方法:

@Controller @RequestMapping("/catalog.do") public class CatalogController {   @RequestMapping(params = "fn=deleteCatalogSchemes")  @ResponseBody  public AjaxJson deleteCatalogSchemes(@RequestParam("idList[]") List idList,Boolean isBatch) {    …  } }

登录后复制

接收List、User[]集合参数:

1、User实体类:

public class User {   private String name;  private String pwd;  //省略getter/setter }

登录后复制

2、页面js代码:

var userList = new Array(); userList.push({name: "李四",pwd: "123"}); userList.push({name: "张三",pwd: "332"}); $.ajax({  type: "POST",  url: "/catalog.do?fn=saveUsers",  data: JSON.stringify(userList),//将对象序列化成JSON字符串  dataType:"json",  contentType : 'application/json;charset=utf-8', //设置请求头信息  success: function(data){   …  },  error: function(res){   …  } });

登录后复制登录后复制

3、Controller方法:

@Controller @RequestMapping("/catalog.do") public class CatalogController {   @RequestMapping(params = "fn=saveUsers")  @ResponseBody  public AjaxJson saveUsers(@RequestBody List userList) {   …  } }

登录后复制

如果想要接收User[]数组,只需要把saveUsers的参数类型改为@RequestBody User[] userArray就行了。

接收List

>集合参数:

1、页面js代码(不需要User对象了):

var userList = new Array(); userList.push({name: "李四",pwd: "123"}); userList.push({name: "张三",pwd: "332"}); $.ajax({  type: "POST",  url: "/catalog.do?fn=saveUsers",  data: JSON.stringify(userList),//将对象序列化成JSON字符串  dataType:"json",  contentType : 'application/json;charset=utf-8', //设置请求头信息  success: function(data){   …  },  error: function(res){   …  } });

登录后复制登录后复制

2、Controller方法:

@Controller @RequestMapping("/catalog.do") public class CatalogController {   @RequestMapping(params = "fn=saveUsers")  @ResponseBody  public AjaxJson saveUsers(@RequestBody List<Map> listMap) {   …  } }

登录后复制

接收User(bean里面包含List)集合参数:

1、User实体类:

public class User {  private String name;  private String pwd;  private List customers;//属于用户的客户群  //省略getter/setter }

登录后复制

2、页面js代码:

var customerArray = new Array(); customerArray.push({name: "李四",pwd: "123"}); customerArray.push({name: "张三",pwd: "332"}); var user = {}; user.name = "李刚"; user.pwd = "888"; user. customers = customerArray; $.ajax({  type: "POST",  url: "/catalog.do?fn=saveUsers",  data: JSON.stringify(user),//将对象序列化成JSON字符串  dataType:"json",  contentType : 'application/json;charset=utf-8', //设置请求头信息  success: function(data){   …  },  error: function(res){   …  } });

登录后复制

3、Controller方法:

@Controller @RequestMapping("/catalog.do") public class CatalogController {   @RequestMapping(params = "fn=saveUsers")  @ResponseBody  public AjaxJson saveUsers(@RequestBody User user) {   List customers = user.getCustomers();   …  } }

登录后复制

相信看了本文案例你已经掌握了方法,更多精彩请关注【创想鸟】其它相关文章!

推荐阅读:

怎样使用AngularJS内$http服务Post方法传递json参数

如何利用vue内Npm run build根据环境传递不同参数

以上就是怎么使用spirngmvc js传递复杂json参数到controller的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2756515.html

(0)
上一篇 2025年3月8日 07:39:35
下一篇 2025年3月8日 07:39:45

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • 怎么使用js传递数组参数到后台controller

    这次给大家带来怎么使用js传递数组参数到后台controller,使用js传递数组参数到后台controller的注意事项有哪些,下面就是实战案例,一起来看一下。 传递参数传递字符串,所以要把数组转换为字符串, var arr=[1,23,…

    编程技术 2025年3月8日
    200
  • 利用Vue.js做出可配置登录表单

    这次给大家带来利用Vue.js做出可配置登录表单,利用Vue.js做出可配置登录表单的注意事项有哪些,下面就是实战案例,一起来看一下。 业务场景 在之前,项目只支持手机号+密码登录,前端是直接把表单写死的,后来有客户希望能支持验证码登录,有…

    2025年3月8日
    200
  • 怎样做出JS中E-mail 地址格式验证

    这次给大家带来怎样做出JS中E-mail 地址格式验证,做出JS中E-mail 地址格式验证的注意事项有哪些,下面就是实战案例,一起来看一下。 1:代码 利用JavaScript验证是否符合电子邮箱地址 // 创建第一个函数validate…

    2025年3月8日
    200
  • 如何利用JS分时函数进行性能优化

    这次给大家带来如何利用JS分时函数进行性能优化,利用JS分时函数进行性能优化的注意事项有哪些,下面就是实战案例,一起来看一下。 分时函数和函数节流的问题不一样,函数节流针对的事件不是用户主动调用的,前面已经提过了。 函数节流的原理是:延迟当…

    编程技术 2025年3月8日
    200
  • 如何使用js内el表达式与非空判断

    这次给大家带来如何使用js内el表达式与非空判断,使用js内el表达式与非空判断的注意事项有哪些,下面就是实战案例,一起来看一下。 页面跳转后,使用spring mvc向前端页面传过来一个json对象,要在js中获取后,做处理。 返回的js…

    编程技术 2025年3月8日
    200
  • 如何使用JS实现左边列表平移到右边

    这次给大家带来如何使用JS实现左边列表平移到右边,使用JS实现左边列表平移到右边的注意事项有哪些,下面就是实战案例,一起来看一下。 实现功能: 1.左边的下拉框内容添加到右边的下拉框,支持多选移动,且同时将右边的下拉框对象移除; 2.支持列…

    2025年3月8日
    200
  • 怎样使用JS中EL表达式获取上下文参数

    这次给大家带来怎样使用JS中EL表达式获取上下文参数,使用JS中EL表达式获取上下文参数的注意事项有哪些,下面就是实战案例,一起来看一下。 1. action返回参数到页面 /** * 测试js中获取后台传值 * @param model …

    编程技术 2025年3月8日
    200
  • JS求Number类型数组中最大元素方法

    这篇文章主要介绍了如何用js求number类型数组中最大元素 如何使用JS,在一个Number类型的数组里,查找最大(或最小)数呢? 以下介绍四个方法。 1. 不使用任何库函数 代码如下: function findMax1 (arr) {…

    编程技术 2025年3月8日
    200
  • 如何使用js获取ModelAndView值

    这次给大家带来如何使用js获取ModelAndView值,使用js获取ModelAndView值的注意事项有哪些,下面就是实战案例,一起来看一下。 1 方法一 【有效】 可以的,跟el表达式访问方式一样。 示例代码,一个数据展示请求的Act…

    编程技术 2025年3月8日
    200
  • 详解nodejs通过响应回写的方式渲染页面资源

    本篇文章主要介绍了详解nodejs通过响应回写的方式渲染页面资源,现在分享给大家,也给大家做个参考。 我们一般通过node框架提供的api操作页面渲染,如何利用原始回写的方式来实现同样的功能呢 下面是通过node 提供的异步地读取一个文件的…

    编程技术 2025年3月8日
    200

发表回复

登录后才能评论