实习中get请求中传递数组参数的解决办法

已于 2022-07-11 16:16:20 修改
阅读量4.9k 收藏 6
点赞数 1
分类专栏： 实习 文章标签： 前端 javascript
于 2022-07-11 16:15:18 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_54241625/article/details/125723431
版权
在前端实习期间，遇到GET请求需传递数组给后端的问题。使用axios时，直接传递或JSON.stringify数组都无法正常工作。通过引入qs插件，并在axios请求拦截器中判断请求方法和参数类型，实现GET请求携带数组参数，避免影响其他请求。
摘要由CSDN通过智能技术生成

记录实习一个月内遇到的开发上遇到的问题

第一个解决get请求中传递数组给后端接受的问题，这个功能虽然没有用上，但是以后遇到了，可以由此解决，当然也可以叫后端改get请求为post。

项目上用的axios请求，后端需要接受的参数是在url上拼接上传递的数据
类似

152.168.12.13/api/getinfo?id=4&item=48&item=56&item=66

这里出现一个问题，在axios的params字段上直接传递一个数组和对应的id是不行的，用json.stringify也不不行
比如

params:{
   
	id:4,
	item:[48,56,66]
}

这样在get方法上是不成立的
这里需要借用一个插件qs
这里是npm地址

在axio请求拦截器中࿰

最低0.47元/天 解锁文章
spring39
关注
  • 1
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
vue中get请求如何传递数组参数的方法示例
10-16
本篇将详细介绍如何在Vue中配置axios，使其能够正确地将数组作为GET请求的参数传递给后端。 首先，问题在于当我们尝试像这样传递一个包含数组的参数： ```javascript let params = { statusList: ['OVERDUE', '...
uniApp 请求不能直接传数组解决方法
Qdc_k的博客
04-29 2856
hello 大家好！ 最近新项目使用uniApp进行开发，遇到了一个问题与大家分享一下。 我想传递的参数如下图： 可是在我提交的时候发现我传递的参数变成了字符串，如下图： 可能也有很多人遇到了和我一样的问题。 本来想和后端商量改接口，最后发现官方有请求拦截器 文档链接https://uniapp.dcloud.io/api/interceptor.html#addinterceptor 再分享一下我的方式 qs 是直接引入的无需安装 用过vue 的应该都知道。 就这样完美解决了！！！ ...
GET请求传数组
庸人方自扰，自在就好
01-07 3万+
最终请求的url为：这样传的数组格式显然后端解析不了，后端希望的格式要么是list=1&list=2&list=3，要么是list=1,2,3。
java 网络请求传数组
最新发布
weixin_41857800的博客
07-08 22
数组相关视频讲解：数组-Go代码演示数据结构与算法-栈-Go代码演示版传输数组的网络请求在Java中的实现 在网络请求中，有时我们需要传输数组类型的数据。在Java中，我们可以通过一些方法来实现这个目的。本文将介绍如何在Java中发送和接收包含数组数据的网络请求，并提供一个简单的代码示例来帮助读者更好地理解。 什么是网...
前端 - get请求传递数组
热门推荐
kelly0721的博客
08-19 3万+
get请求传递数组
Get请求如何传递数组、对象
qq_40419080的博客
06-10 1万+
我们知道@RequestParam可以通过value属性指定参数名，requ设置参数是否必须、设置参数默认值等。若接口参数是一个List< Object> 或者实体对象 需要@RequestBody注解，参数只能放在。Get请求一般用请求头来传递简单参数、但也可用Body传递对象，甚至可以一起使用。Params加入page、size参数。接口参数String [] 加。接口参数String [] 加。可以将数组参数传递多次，Body中加入数组对象。
get请求传参为数组时的解决办法
anqiaoyun的博客
11-21 2853
get请求传递的参数为数组形式时的解决办法
解决get传参有数组问题
popping_Sun的博客
01-12 3644
传参是数组 日常开发过程中，我们经常碰到参数是数组的情况。如果这时候接口method为post，那么就没什么问题，参数会被放到body里面。但当method为get时，参数会拼接到url上面，这时候如果不做出来处理会报400，导致接口出错。 引入qs 其实解决这个问题很简单，我们只要在传参前用qs处理一下即可。我们先简单了解一下qs，qs是可以将普通的object序列化为一个查询字符串，还可以反过来将查询字符传解析为一个Object。所以通过qs的序列化我们就能把传参中的数组处理。 解决方法 首先
GET方法URL中传递中文参数乱码的解决方法
10-27
尽管上述方法通常能解决大部分乱码问题，但为了避免不必要的麻烦，最好还是遵循“最好不要在URL中传递中文参数”的原则。因为URL可见且易于复制，如果包含敏感信息（如中文用户名），可能会增加隐私泄露的风险。另外...
浅谈vue中get请求解决传输数据是数组格式的问题
10-15
总之，处理Vue中GET请求的数组格式数据，关键在于正确使用`qs.stringify()`来序列化数组，确保服务器能够正确解析这些参数。通过理解`qs`库的工作原理和配置选项，你可以更灵活地处理各种数据结构的传输。记住，始终...
get方法传递数组参数
xx_ll_的博客
09-29 4708
url传值 参数拼接 url如果使用get方式传递数组，只需传入多个同名参数即可 eg： https://test.net/do.action?list=val1&list=val2&list=val3 此时list在后台即可使用数组方式接收
get请求传对象数组参数
weixin_43589827的博客
11-18 9776
有个请求，里面的参数有对象数组的情况，原来是 post 请求，后面接口改成 get 请求，那用 axios 请求的参数自然也从 data 改为 params。 第一次修改后的请求情况是这样的： 整个路径 请求参数格式如下 之所以变成 数组[数组里的对象属性]:对象的值 这种格式，是因为之前有做请求拦截 get 请求数组的处理，代码如下： if (config.method === 'get') { // 如果是get请求，且params是数组类型如arr=[1,2]，则转换成arr=1&
GET请求如何param参数传数组
_JS的博客
03-30 4303
将数组传给后端，一般放在POST请求的data中${但总有些后端会一不小心会把接口写错，将数组放在GET请求的param中，那么这时你可能会让后端把接口改成POST，其实还有一种解决方法，将数组参数转为用&连接的字符串，举个例子将k=[1,2,3]转为，这不就是扁平化数组吗？封装api时，我们在paransSerializer对params进行处理，将数组转为许多个字符串} else {} }) }${} else {} }) }} else {} }) }
vue中的get方法\post方法如何实现传递数组参数
qq_34936893的博客
02-03 6268
post方法传array数组的参数，且该数组参数是循环遍历所有元素按照get方法传参形式进行参数传递
接收get请求传入的数组传参
DATANGguanjunhou的博客
05-14 6192
1. 前端传参方式 例如，我要传递一个数组[1, 2, 3]，假设这个参数变量名为list，那么我有以下两种方式来传参： http://localhost:8848/douhao?list=1,2,3 http://localhost:8848/douhao?list=1&list=2&list=3 2.后端如何接收 可以选择使用数组或者List来接收，使用List需要添加@RequestParam注解。 public void xx1(@RequestParam("list") Lis
数组形式传参序列化（qs）插件使用
Xiang_Gong_Ya_的博客
03-17 790
qs.stringify()：将对象 序列化成URL的形式，以&进行拼接。qs.parse()：将URL解析成对象的形式。
asp.net core api 同时get post json参数的传递研究
情随事迁个人博客
08-18 548
为了简便参数，简单类型没必要用到get里面了，除非是大量数据 经过研究发现，下面代码实现了get 或者 post提交的普通get参数aa的同时 传递json的方法， dynamic object 都会转换为JsonElement也可以直接用JsonElement 在谷歌浏览器显示payload，这到底是什么鬼 [HttpPost("getAndPost")] //[HttpPos...
uni.request post 请求不能传数组，把数组变成了对象
King Saj
11-20 1891
uni.request post 请求传组变成了对象问题
记一次前后端分离项目get方式向后台传参数，类型为数组。如何处理？
Dreamy smile
12-04 1226
前端向服务端传参时使用get方式，传递的是一个拼接好的字符串，在一般项目中，很少会出现其中某一个参数是数组的情况。 一般是，例 www.baidu.com?type=3&id=2 在做前后端分离的项目时，可能后端需要前端使用get方式传递数组，例 www.baidu.com?types=3&tag=[{“id”:“step”,“type”:“1”},{“id”:“orde”:“type”:“2”}] 当时我在给后端传的时候，就简单的使用了JSON.stringify(Arr.
通过postman 发送get请求传递数组参数，后端无法接受
06-08
如果您无法修改后端代码，也可以尝试使用 POST 请求发送数组参数，将数组参数放在请求体中传递。在 Postman 中，您可以选择 POST 请求，然后在 Body 选项卡中选择 "x-www-form-urlencoded" 或 "raw" 格式，并将数组...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值