controller接收js传递json参数

这次给大家带来controller接收js传递json参数,controller接收js传递json参数的注意事项有哪些,下面就是实战案例,一起来看一下。

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

登录后复制

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

推荐阅读:

vue根据参数方法来打包域名方法详解

JS发送json格式POST请求

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

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

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

(0)
上一篇 2025年3月8日 11:24:30
下一篇 2025年3月8日 11:24:42

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

相关推荐

  • JS发送json格式POST请求

    这次给大家带来JS发送json格式POST请求,JS发送json格式POST请求的注意事项有哪些,下面就是实战案例,一起来看一下。 登录后复制 一、获取url所有参数值 function US() {var name, value;var …

    编程技术 2025年3月8日
    000
  • js怎么传递数组参数

    这次给大家带来js怎么传递数组参数,js传递数组参数的注意事项有哪些,下面就是实战案例,一起来看一下。 传递参数传递字符串,所以要把数组转换为字符串, var arr=[1,23,34,5];var str = arr.toString()…

    编程技术 2025年3月8日
    200
  • Vue.js实现自定义登录表单

    这次给大家带来Vue.js实现自定义登录表单,Vue.js实现自定义登录表单的注意事项有哪些,下面就是实战案例,一起来看一下。 z表单是后台项目业务中的常用组件,这次重构了登录功能以满足登录方式可配置的需求,在此记录和分享一下。 业务场景 …

    2025年3月8日
    200
  • JS里如何验证E-mail正确地址

    这次给大家带来JS里如何验证E-mail正确地址,JS里验证E-mail正确地址的注意事项有哪些,下面就是实战案例,一起来看一下。 最近做了一个前端的项目,要求:输入的数据必须包含 @ 符号和点号(.)。同时,@ 不可以是邮件地址的首字符,…

    2025年3月8日
    200
  • js使用分时函数步骤详解

    这次给大家带来js使用分时函数步骤详解,js使用分时函数的注意事项有哪些,下面就是实战案例,一起来看一下。 函数节流的原理是:延迟当前函数的执行,如果该次延迟还没有完成,那么忽略接下来该函数的请求。也就是说会忽掉很多函数请求。 在一些开发场…

    编程技术 2025年3月8日
    200
  • js中el表达式怎样做出非空判断

    这次给大家带来js中el表达式怎样做出非空判断,js中el表达式做出非空判断的注意事项有哪些,下面就是实战案例,一起来看一下。 注意,这里想说的不是jsp里面嵌套的el表达式的使用,而是在js中使用。 场景: 页面跳转后,使用spring …

    编程技术 2025年3月8日
    200
  • JS做出左右边列表相互移动效果

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

    2025年3月8日
    200
  • js获取ModelAndView值步骤详解

    这次给大家带来js获取ModelAndView值步骤详解,js获取ModelAndView值的注意事项有哪些,下面就是实战案例,一起来看一下。 JS当中不能接收ModelAndView的返回值吗?一定要在JSP页面中才能接收吗? 1 方法一…

    编程技术 2025年3月8日
    200
  • JS浏览器跳转并传递参数功能详解

    这次给大家带来JS浏览器跳转并传递参数功能详解,JS浏览器跳转并传递参数的注意事项有哪些,下面就是实战案例,一起来看一下。 one.html 点击 $(“#searchBtn”).click(function() { var searchT…

    编程技术 2025年3月8日
    200
  • sort怎么对json数据排序

    这次给大家带来sort怎么对json数据排序,sort对json数据排序的注意事项有哪些,下面就是实战案例,一起来看一下。 如何对后台返回过来的json数据按照数据中的某一项进行排序呢。 首先看一下排序前的json数据: { “result…

    2025年3月8日
    200

发表回复

登录后才能评论