废话不多说,上代码

后端接收对象:

  1. class ObjectA{
  2. private String a;
  3. private String b;
    private List<ObjectB> list;
  4.  
  5. //getter/setter
  6. }
  1. class ObjectB{
  2. private String a;
  3. private String b;
  4.  
  5. //getter/setter
  6. }

Controller对应的method

  1. @PostMapping("/getParam")
  2. public String getParam(@RequestBody ObjectA objectA){
  3. log.info("objectA:{}", objectA.toString());
  4. return "success";
  5. }

使用@RequestBody注解是指定接收数据为json格式 .

后端处理好了,前端又该如何处理呢?

  1. function sendAjax(){
  2. var list = new Array({"a":"ObjectB参数a-1", "b":"ObjectB参数b-1"},{"a":"ObjectB参数a-2", "b":"ObjectB参数b-2"});
  3. var obj={"a":"ObjectA参数a", "b":"ObjectA参数b", "list":list}
  4. console.info(obj)
  5. $.ajax({
  6. url:"/getParam",
  7. type:"POST",
  8. data: JSON.stringify(obj),//1.4+以上的jquery版本对json格式要求更加严格.如果不是严格的json格式,就不能正常执行success回调函数.
  9. contentType:"application/json; charset=utf-8",//设置请求头,默认方式是application/x-www-form-urlencoded; charset=UTF-8
  10. dataType:"json",
  11. success: function(data){
  12. alert(data);
  13. }
  14. });
  15. }

如面的请求代码所示,

① 设置请求头内容格式,应为jquery的$.ajax({})默认的ContentType的值为:application/x-www-form-urlencoded; charset=UTF-8,它无法被 @RequestBody 解析格式串

② 传到后台的参数最好使用 JSON.stringify()处理一下。防止后端无法解析该对象,报“ JSON parse error: Unrecognized token 'a': was expecting ('true', 'false' or 'null') ”

这边附上 ① 的解释说明:https://blog.csdn.net/Tiglle/article/details/75269171

② 的解释说明:https://blog.csdn.net/qq_36802726/article/details/88419297

前端集合传参,springmvc后端如何接收的更多相关文章

  1. axios用post传参,后端无法获取参数问题

    最近用vue+nodejs写项目,前端使用axios向后台传参,发现后台接收不到参数. 后台是node+express框架,然后使用了body-parser包接收参数,配置如下: const expr ...

  2. FastAdmin 前端页面传参笔记

    FastAdmin 前端页面传参笔记 看到 QQ 群里的小伙伴询问如何传参,然后在社区里找到一笔记帖子 1 还要参考在线文档控制器部分2. 引用 Karson 的回复: 如果我们需要自己在控制器中透传 ...

  3. 图片上传(前端显示预览,后端php接收)

    html: <form action="{:Url('do_ls_law_upload')}" method="POST" accept-charset= ...

  4. Web jsp开发学习——前端后台传参方法

    一.前端传后台: 1.1表单数据的传递   前端的表单里定义名字name   后台通过名字获取输入的值         1.2页面点击了哪个按钮传递 登录注销的另一种方式   点击登录的地方设置参数 ...

  5. FastAdmin 前端页面传参

    如果我们需要自己在控制器中透传数据到JS中去,则可以使用控制器的assignconfig方法来透传,使用如下 $this->assignconfig('demo', ['name'=>'名 ...

  6. angular的post传参后台php无法接收

    很多时候我们需要用ajax提交post数据,angularjs与jq类似,也有封装好的post. 但是jQuery的post明显比angularjs的要简单一些,人性化一些. 两者看起来没什么区别,用 ...

  7. SpringMVC前后端分离交互传参详细教程

    温故而知新,本文为一时兴起写出,如有错误还请指正 本文后台基于SpringBoot2.5.6编写,前端基于Vue2 + axios和微信小程序JS版分别编写进行联调测试,用于理解前后端分离式开发的交互 ...

  8. springMVC常用传参总结

    本文介绍了springMVC常用的传参方式和一些注意的事项,页面表单主要以ajax的形式提交. 本帅是个菜鸡,水平有限,若有什么讲得不对或有补充的地方欢迎各位提意见. 一.传递String类型   1 ...

  9. vue-router query和params传参(接收参数),$router、$route的区别

    链接:https://segmentfault.com/a/1190000012735168 1.query方式传参和接收参数 传参: this.$router.push({ path:'/xxx' ...

随机推荐

  1. Lua中的基本函数库--(转自忧郁的加菲猫)

    基本函数库为Lua内置的函数库,不需要额外装载assert (v [, message])功能:相当于C的断言,参数:v:当表达式v为nil或false将触发错误,message:发生错误时返回的信息 ...

  2. ubuntu中软件的升级管理-(转自Josh_)

    给Ubuntu软件升级命令 sudo apt-get update  --更新软件源 sudo apt-get upgrade -更新已经安装的软件 以非root用户更新系统 sudo: sudo是l ...

  3. 11.11 ntsysv:管理开机服务

    ntsysv命令提供了一种基于文本界面的菜单操作方式,以设置不同运行级别下的系统服务启动状态.   -back    在交互界面里,显示Back按钮,而非Cancel按钮 -level    指定运行 ...

  4. 记一次 .NET 某电商交易平台Web站 CPU爆高分析

    一:背景 1. 讲故事 已经连续写了几篇关于内存暴涨的真实案例,有点麻木了,这篇换个口味,分享一个 CPU爆高 的案例,前段时间有位朋友在 wx 上找到我,说他的一个老项目经常收到 CPU > ...

  5. C语言编程 菜鸟练习100题(01-10)

    [练习1]输出 "Hello, World!" 0. 题目: 输出 "Hello, World!" 1. 分析: 使用 printf() 输出 "He ...

  6. Linux C 文件IO

    文件IO 2021-05-31 12:46:14 星期一 目录 文件IO 基础IO open 错误 creat read 一个例子 write close lseek 文件空洞 unlink删除 io ...

  7. Kali Linux 2021.2 发布 (Kaboxer, Kali-Tweaks, Bleeding-Edge & Privileged Ports)

    Kali Linux 简介 Kali Linux 是基于 Debian 的 Linux 发行版,旨在进行高级渗透测试和安全审核.Kali Linux 包含数百种工具,可用于各种信息安全任务,例如渗透测 ...

  8. openresty 学习笔记五:访问RabbitMQ消息队列

    openresty 学习笔记五:访问RabbitMQ消息队列 之前通过比较选择,决定采用RabbitMQ这种消息队列来做中间件,目的舒缓是为了让整个架构的瓶颈环节.这里是做具体实施,用lua访问Rab ...

  9. GO学习-(7) Go语言基础之流程控制

    流程控制是每种编程语言控制逻辑走向和执行次序的重要部分,流程控制可以说是一门语言的"经脉". Go语言中最常用的流程控制有if和for,而switch和goto主要是为了简化代码. ...

  10. Go语言网络通信---tcp上传大文件(粘包问题还需优雅解决)

    server端: package main import ( "bufio" "encoding/binary" "fmt" "n ...