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

登录后复制

相关推荐:

MVC中获得controller、URL及action的ASP.NET方法详解

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

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

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

(0)
上一篇 2025年3月8日 15:13:54
下一篇 2025年3月8日 15:14:02

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

相关推荐

  • JavaScript中E-mail地址格式验证实例分享

    最近做了一个前端的项目,要求:输入的数据必须包含 @ 符号和点号(.)。同时,@ 不可以是邮件地址的首字符,并且 @ 之后需有至少一个点号。本文主要和大家分享javascript中的e-mail 地址格式验证,项目要求输入的数据必须包含@符…

    2025年3月8日
    200
  • JS里怎么用正则将字符串中的多个空格替换为一个空格

    这次给大家带来JS里怎么用正则将字符串中的多个空格替换为一个空格,JS里用正则将字符串中的多个空格替换为一个空格的注意事项有哪些,下面就是实战案例,一起来看一下。 javascript将字符串中的多个空格缩减为一个空格代码实例:在实际应用中…

    编程技术 2025年3月8日
    200
  • JavaScript实现左右下拉框动态增删示例

    本文介绍了javascript实现左右下拉框动态增删示例,非常实用,有兴趣的同学可以参考一下本文 效果: 1. Html部分代码             左1      左2      左3      左4      左5      左6 …

    2025年3月8日
    200
  • JavaScript实现两个select下拉框选项左移右移

    本文介绍了javascript实现两个select下拉框选项左移右移的代码,有兴趣的同学可以参考一下本文 今天没事用js写了一个用两个select下拉框之间能互相移动元素的小程序,刚刚才开始学javascript还有很多优化的地方。 Jav…

    编程技术 2025年3月8日
    200
  • js里的正则实现数字每隔四位用空格分隔效果

    这次给大家带来js里的正则实现数字每隔四位用空格分隔效果,js里正则实现数字每隔四位用空格分隔效果的注意事项有哪些,下面就是实战案例,一起来看一下。 数字每隔四位用空格分隔代码实例:分享一段代码实例,它实现了数字每隔四位就用空格分隔。这样的…

    编程技术 2025年3月8日
    200
  • js里如何正确理解正则表达式的回溯

    这次给大家带来js里如何正确理解正则表达式的回溯,js里正确使用正则表达式回溯的注意事项有哪些,下面就是实战案例,一起来看一下。 在正则表达式实现中,回溯是匹配过程的基本组成部分,它是正则表达式如此好用和强大的根源。然而,回溯计算代价很高,…

    编程技术 2025年3月8日
    200
  • JS实现网站悬浮广告的代码

    本文主要和大家分享JS实现网站悬浮广告的代码,大家可以先看一下效果图,希望能帮助到大家。 如图 黄色区块会沿着浏览器的上下左右碰撞移动,可关闭,鼠标移上去会停止 nbsp;html>广告*{pding:0px;margin:0px;}…

    2025年3月8日
    200
  • JS正则表达式验证数字的实战归纳

    这次给大家带来JS正则表达式验证数字的实战归纳,JS正则表达式验证数字的注意事项有哪些,下面就是实战案例,一起来看一下。 正则表达式(regular expression)描述了一种字符串匹配的模式,可以用来检查一个串是否含有某种子串、将匹…

    编程技术 2025年3月8日
    200
  • JS实现判断鼠标是否滚动的代码

    本文主要和大家分享js实现判断鼠标是否滚动,主要以代码的形式和大家分享,希望能帮助到大家。 var scrollFunc = function (e) { var direct = 0; e = e || window.event; if …

    编程技术 2025年3月8日
    200
  • JS里最基础的正则表达式使用详解

    这次给大家带来JS里最基础的正则表达式使用详解,在JS里使用基础正则表达式的注意事项有哪些,下面就是实战案例,一起来看一下。 正则表达式是一个很牛逼的东东,今天在这里只是简单的给刚刚接触JS的人普及一下,里面若有争议的地方欢迎大家留言! 1…

    2025年3月8日
    200

发表回复

登录后才能评论