前端传数组，后端怎么接收的问题

最新推荐文章于 2024-07-30 16:49:30 发布
最新推荐文章于 2024-07-30 16:49:30 发布
阅读量3.8w 收藏 49
点赞数 7
分类专栏： SpringBoot项目经验 文章标签： vue 前端 后端 spring boot 1024程序员节
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42682745/article/details/120833459
版权

前端传数组，后端怎么接收的问题

js里数组和list的区分不是很明确？
总结：
对于get方式，前端传数组，后端就只能用数组接收（对象中有这个数组也可以用对象接收），不能直接用list接收（对象中有和前端传递的数组名相同的List，可以用该对象接收）

对于post方式，如果是json格式，后端list（建议，好操作，api多）或数组接收，加上@RequestBody即可；其它格式同get接收

比如我批量删除（Post+Json）：（这里的data不能设置参数名，直接this.ids）

image-20211018195433447

请求数据是这样的：

image-20211018195850176

后端：list和数组接收都行
在这里插入图片描述

image-20211018195536821

为了我的架构师
关注
  • 7
    点赞
  • 踩
  • 49
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
aes 前端加密 后端c# 解密
12-22
首先，你需要将前端传来的Base64编码的密文解码为字节数组，然后创建一个`Aes`实例，设置密钥和初始向量（IV），并使用`CreateDecryptor`方法创建解密器。最后，通过`TransformFinalBlock`方法解密数据。 以下是一...
Golang数组的传递详解
09-19
数组传递时的一个主要缺点是效率问题。由于数组是值类型，当传递大数组时，需要复制整个数组，这不仅消耗更多的运行时间，还会占用额外的栈内存，并且编译器需要生成额外的复制代码，使得程序体积增大。 为了避免...
post请求：前端传递数组到后端，后端顺利接受数组
qq_46586512的博客
04-03 3706
①前端采用JSON.string将对象转化为字符串②后端采用@requestbody注解+JSONArray类（hutool工具类里面的一个类）来接受前端传递过来的数组一些废话：本人对前端了解不是很通透，如果有什么讲的不好的地方，请担待。
前端传输数组类型到后端（附代码）
码农研究僧的博客
02-27 2902
以普通数组或者JSON格式进行传输
前端传递list（数组）类型参数，后端接收失败
m0_62458145的博客
05-07 540
一顿报错,我之前遇到的list都是Long类型 貌似用GET也是可以的,但是很奇怪一直报错 就是不可以后来去百度 查询到可以用两种方法解决这个问题。
springboot后端接收前端传来的数组
qq_44227032的博客
07-27 2458
总结：如果要将接收的数据在请求体中 用@RequestBody, 如果在url的参数中，用@RequestParam接收。注意要在请求体 body 中传 json 字符串。1 使用@RequestParam 接收数组。2 使用@RequestBody 接收。
前端向后端传数组的三种方式(第一种简洁，第二种更简洁-推荐,第三种较繁琐)
热门推荐
daqinzl的专栏
09-09 2万+
前端向后端传数组的三种方式(第一种简洁，第二种正式，第三种很奇特) 方式1：直接传array，后端接收时，不通过参数接收，用request.getParameterValues方式获取(注意参数的写法) var loginNameArray=[]; var accessArray=[]; loginNameArray.push(loginName); accessArray.push(rval); var data = { "fileParams": fileParams, "loginNameArr
后端如何简单的接收前端传递的数组
m0_67001774的博客
01-05 1093
注解使用的是@RequestBody,并使用map集合来接受参数，这样传来的参数会testObjs会作为k存入，数组testObjs作为v存入。后面使用的话直接从map集合当中取值就行。我在网上看了很多的列举后端怎么接受前端的数组，但是都失败了，基本都是报下面这个类似的办法。运行后发现在控制台能正确打印前端传来的String数组，前端也能正确接受后端传的success。我记录一下最优的解决办法。
ajax前端传数组后端接收,前端AJAX传递数组给Springmvc接收处理
weixin_32525457的博客
08-05 439
前端传递数组后端(Spring)来接收并处理:测试页面function ccc() {var btn = document.getElementById("btn");$.ajax({type:'post',url:'http://localhost:8080/event/add.do',data: {url:["www.baidu.com","www.qq.com"]},dataType:'te...
SpringBoot前端传递数组后端怎么接收
m0_46780117的博客
11-16 2967
前端传递数组后端怎么接收
前端传数组后端使用集合进行接受
weixin_43167662的博客
03-23 1419
前端 后端
前端传一个数组后端接收
zhaotong1997的博客
09-08 1660
前端传一个数组后端接收 通过this.$qs来传一个数组 接收一个String数组 转为int数组
echarts前端+Java后端数据=生成柱状图
01-08
返回的数据以JSON格式传输，前端接收到后解析并填充到Echarts的数据结构中。 在实际应用中，后端通常会从数据库或者其他数据源获取数据，而不是硬编码。这里用的是一个简单的模拟数据，实际开发中，`getPie`方法...
前端js实现文件的断点续传 后端PHP文件接收
11-28
本文通过断点续传的简单例子（前端文件提交+后端PHP文件接收），理解其大致的实现过程 还是先以图片为例，看看最后的样子 一、一些知识准备 断点续传，既然有断，那就应该有文件分割的过程，一段一段的传。 以前...
Angular.js前台传list数组由后台spring MVC接收数组示例代码
10-19
在本文中，我们将探讨如何使用Angular.js在前端传递一个list数组到后端Spring MVC进行处理。这个过程涉及到了数据的序列化、传输以及后端的反序列化接收。以下是详细的步骤和示例代码。 首先，我们需要了解Angular....
【分享】前端程序员-技术网站推荐
一位前行者的博客
07-30 521
对于前端开发人员来说，以下是一些推荐的技术网站，这些网站提供了丰富的资源和知识，可以帮助你提升前端开发技能：收集一些 、、 的网站 vite 官方中文文档 element-plus 官方中文文档 pinia 官方中文文档 vue-router 官方中文文档 Tailwind CSS 官方文档 vitest 官方中文文档 es6 中文文档 axios 官方中文文档 vxetable 官方中文文档 lodash 中文文档 echarts 官方中文文档 animat
js、ts、argular、nodejs学习心得
最新发布
07-30 315
工作中需要前端argular开发桌面程序，后端用nodejs开发服务器，商用软件架构。
苍穹外卖浏览器前端界面修改
程序员象漂亮的博客
07-25 306
客户原始方案是期望做一个Spring Boot + Vue的饿了么系统，但时间上太仓促，所以建议选择开源的苍穹外码目作为作业提交。客户接受了建议的方案后，期望对前端页面提出了一些个性化的定制修改。
vue前端传了个String数组 后端如何接收
06-02
如果前端使用Vue传递了一个字符串数组，后端可以通过以下方式进行接收： 1. 获取请求体中的参数，并将其转换为数组 ```javascript // Node.js Express 代码示例 const express = require('express'); const bodyParser = require('body-parser'); const app = express(); app.use(bodyParser.json()); app.post('/api/data', (req, res) => { const data = req.body.data.split(','); // 将逗号分隔的字符串转换为数组 console.log(data); // do something with data }); app.listen(3000, () => { console.log('Server is running at http://localhost:3000'); }); ``` 在以上代码中，我们首先通过body-parser中间件解析请求体中的JSON数据，并获取到参数`data`的值，该值是一个逗号分隔的字符串。接着，我们使用`split`方法将该字符串转换为数组。 2. 直接将字符串数组作为请求体参数 ```javascript // Node.js Express 代码示例 const express = require('express'); const bodyParser = require('body-parser'); const app = express(); app.use(bodyParser.json()); app.post('/api/data', (req, res) => { const data = req.body; // 直接获取请求体中的参数 console.log(data); // do something with data }); app.listen(3000, () => { console.log('Server is running at http://localhost:3000'); }); ``` 在以上代码中，我们直接将请求体中的参数作为一个对象进行获取，该对象包含一个名为`data`的属性，该属性的值是一个字符串数组。后端可以直接使用该数组进行后续操作。 需要注意的是，如果前端传递的是一个JSON字符串，后端需要先将其解析为一个JavaScript对象或数组，才能够进行操作。可以使用`JSON.parse`方法将其转换为对应的JavaScript对象或数组。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

为了我的架构师

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值