post请求：前端传递数组到后端，后端顺利接受数组

最新推荐文章于 2024-01-05 13:53:21 发布
最新推荐文章于 2024-01-05 13:53:21 发布
阅读量3.6k 收藏 7
点赞数
文章标签： 前端 vue.js javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_46586512/article/details/129923673
版权

前端:

 可能需要解释的地方：deletePicture是一个数组。

后端:

后端采用@requestBody注解+JSONArray来接受前端数组（测试过了，确实可以接收） 

总结:

①前端采用JSON.string将对象转化为字符串

②后端采用@requestbody注解+JSONArray类（hutool工具类里面的一个类）来接受前端传递过来的数组

一些废话：本人对前端了解不是很通透，如果有什么讲的不好的地方，请担待。最后，谢谢的观看！

qq_46586512
关注
  • 0
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
js传递数组参数到后台controller的方法
10-18
在JavaScript（JS）中，将数组作为参数传递到后端控制器（如在Java Spring MVC、ASP.NET MVC或Node.js Express等框架中）是一项常见的任务。本文将详细介绍如何实现这一过程，以及涉及的关键知识点。 首先，我们...
JS传递对象数组为参数给后端,后端获取的实例代码
10-22
在JavaScript和后端交互的过程中，有时我们需要传递复杂的对象数组作为参数。本文将详细介绍如何使用JS将对象数组作为参数传递给后端，并展示后端如何获取这些数据的实例代码。 前端部分： 在JavaScript中，我们...
【Java基础】前端传一个数组或者集合后台怎么接受（案例详解）
Java后端技术栈
07-20 2万+
解答前端除了传一个集合外，还要传一个字符串或者数字等属性，我们创建一个VO对象来接受即可解决如上的问题。前后端传参，最重要的还是统一好对应的参数属性名称，传参方式等，提前确认好，开发效率会大幅提高。业务场景传入的集合代表要操作的数据，传入的字符串，字符串/数字不同走不同的业务逻辑等。你是否遇到过这样的问题，就是前端除了传一个集合外，还要传一个字符串或者数字等属性？我们可以debug查看一下入参，很清晰的可以看到前端传入的参数。业务场景一前端传对象的集合后端就用对应的list接受即可。...
后端接口如何接受对象数组
J179_Dragon的博客
10-13 3694
后端接口如何接受对象数组 方式一：直接使用字符串接受 后端代码： @PostMapping("/addCommodityBatch") public String addCommodityBatch( String commodityIncludeCountBeansJsonString){ List<CommodityIncludeCountBean> list = JSON.parseArray(commodityIncludeCountBeansJsonStrin
后端如何简单的接收前端传递的数组
最新发布
m0_67001774的博客
01-05 1083
注解使用的是@RequestBody,并使用map集合来接受参数，这样传来的参数会testObjs会作为k存入，数组testObjs作为v存入。后面使用的话直接从map集合当中取值就行。我在网上看了很多的列举后端怎么接受前端的数组，但是都失败了，基本都是报下面这个类似的办法。运行后发现在控制台能正确打印前端传来的String数组，前端也能正确接受后端传的success。我记录一下最优的解决办法。
将前端数组传到后端用String类型接收
weixin_53815644的博客
05-31 3943
需求：前端传回对象A，A中字段isFillet为数组类型，后端A对象中该字段为String类型，需要完成从前端将数组传到后台，存入数据库，并可使用该数组中每个元素； 前端定义数组(该数组为对象中的一个属性) isFillet：[1,2,3] 后端属性： private String isFillet; 后端方法使用@RequestBody注解接收时，会提示：无法将数组形式转化为String，只需在前端传递之前，将数组拼接成带“,”的字符串即可 row.isFillet = row.i
@RequestBody 接收数组、List 参数、@Deprecated 标记废弃方法
热门推荐
蚩尤后裔-汪茂雄
07-09 11万+
目录 @RequestBody 概述 接收单个 String 参数 接收 字符串数组 参数 接收 List<Map<String,Object> 参数 接收整形数组 接收单个 POJO 对象 接收 POJO List 参数 @RequestBody 概述 1、@RequestBody 主要用来接收前端传递给后端的 json 格式的数据的(请求体中的数据的) 2、...
前端传递JSON数组数据到后端（解析方法）
BroRiver
05-30 4901
请求参数需要被转换为字符串格式传递给后端，所以需要通过 JSON.stringify() 方法将 gradeIdArray 数组转换为一个 JSON 字符串，并将其作为参数传递给后端。然后，再将转换后的 List 对象转换成一个 Integer 数组，并将其传递给 roleService.add() 方法进行处理。在后端的控制器方法中，需要使用 @RequestBody 注解来接收前端传递过来的 JSON 数据，并将其转换成对应的 Java 对象。
springMvc 前端用json的方式向后台传递对象数组方法
12-04
3. 使用`$.ajax`发送POST请求，将`vipFee`数组以JSON格式作为数据传递给后台： ```javascript $.ajax({ type: "POST", url: "addVipFeeList", async: false, // 注意：异步请求通常设为true，这里设为false可能...
解决angular的post请求后SpringMVC后台接收不到参数值问题的方法
11-22
在开发Web应用时，前端与后端的交互是不可或缺的一部分，而POST请求是常见的数据提交方式。本问题探讨的是在使用Angular进行POST请求时，SpringMVC后台无法正确接收到参数值的问题及其解决方案。 首先，让我们看看...
基于jQuery获取table数据发送到后端
10-15
// 发送POST请求到后端 $.ajax({ url: "/api/savePrizes", // 替换为实际的API地址 type: "POST", data: JSON.stringify(data), contentType: "application/json", success: function(response) { if ...
前端后端数据传递的几种方式
lsk_shah的博客
05-17 9954
记录一下前端不同形式传递数据，后端的接受的方式 1. form表单 <form action="/api/user/add" method="POST"> <div class="form-group"> <label for="name">name</label> <input type="text" class="form-control" name="name" id="name" placeholder="
2021/04/28 前端post请求传数组
Nighsloth的博客
04-29 1809
背景：后端需要这种格式的数据，接口文档要求如下 我也是第一次见，后端说这叫，post一个表单数组，原来的项目里有现成的，参考如下 网上看，这种描述大致是？同名key传值？ 解决方法 代码 ...
基于@RequestBody 获取前端数据的自定义参数注解，处理泛型和优化@RequestBody
计算机毕业论文源码，学生个人网页制作html源码。贴近用户做网络推广和互联网优化。
08-11 451
　　spring boot 默认的参数处理，不能支持泛型的处理，例如: 　　UserVO(data=java.lang.Object@70cd5f86, username=安安, realName=null, age=null, isShow=null, phones=null, departmentVO=Depar...
springMVC如何接收前端传递的数组数据
我的世界，真实可见
07-09 1万+
前端传递数组方式： $(document).ready(function(){ var itemArray=[]; var item1={"item_id":"123","item_name":"致青春"}; var item2={"item_id":"234","item_name":"美国派"}; itemArray.push(item1)
异常解决篇：Spring Boot默认错误返回格式变成数组@RequestBody无法解析Json格式
一切都是最好的安排
03-05 1万+
前言 记录下在使用spring boot时，不小心将jackson的全局配置覆盖导致的，正常的json格式无法解析的问题。 ObjectMapper mapper = new ObjectMapper(); mapper.enableDefaultTyping(ObjectMapper.DefaultTyping.NON_FINAL); 就是由于上面的配置...
axios，post请求传递数组
guodanpidashu的博客
01-05 2344
export const createUpdatePreRule = (data) => { return request ({ url: '/system/node-preprocess/createUpdateDelete', method: 'post', data:data, headers:{'Content-Type':'application/json'} // 重点 }) } ..
javascript将前端的数组传递到后端controller层
05-24
可以使用AJAX（Asynchronous JavaScript and XML）技术将前端的数组传递到后端controller层。以下是一个简单的例子： 前端代码： ```javascript var myArray = [1, 2, 3, 4, 5]; $.ajax({ type: "POST", url: "/myController/myAction", data: { myArray: myArray }, success: function(response) { console.log(response); } }); ``` 在这个例子中，我们使用了jQuery库中的$.ajax()函数来发送一个POST请求到后端controller的/myController/myAction地址。我们将myArray数组作为data参数传递给了这个请求。 后端代码： ```java @RequestMapping(value = "/myController/myAction", method = RequestMethod.POST) @ResponseBody public String myAction(@RequestParam("myArray[]") int[] myArray) { // Do something with myArray return "Success"; } ``` 在这个例子中，我们使用了Spring MVC框架中的@RequestMapping注解来定义一个处理POST请求的方法。我们使用@RequestParam注解来将前端传递过来的myArray数组映射到方法的参数中，并指定参数名为myArray[]。在方法中，我们可以使用myArray数组进行相应的操作，并返回一个字符串表示处理结果。最后，我们使用@ResponseBody注解来将返回值转换为JSON格式的字符串并发送回前端。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值