uniApp 请求不能直接传数组解决方法

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

hello 大家好！
最近新项目使用uniApp进行开发，遇到了一个问题与大家分享一下。
我想传递的参数如下图：
这里我的urls参数是数组
可是在我提交的时候发现我传递的参数变成了字符串，如下图：
请求时发现我的urls变成了字符串
可能也有很多人遇到了和我一样的问题。
本来想和后端商量改接口，最后发现官方有请求拦截器
文档链接https://uniapp.dcloud.io/api/interceptor.html#addinterceptor

再分享一下我的方式
在这里插入图片描述
qs 是直接引入的无需安装 用过vue 的应该都知道。
就这样完美解决了！！！

Allen_CV
关注
  • 2
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
uni.request post 请求不能传数组，把数组变成了对象
King Saj
11-20 1863
uni.request post 请求传组变成了对象问题
uniapp解决文件及图片下载预览
10-24
1. 使用uni.previewImage()方法：uniapp提供了`uni.previewImage()`API用于预览图片。该方法接受一个对象参数，其中包含`urls`字段，表示图片的源数组。例如： ```javascript uni.previewImage({ urls: ['...
qs使用方式+axios|| uni-app + qs及其基础封装
wsl9420的博客
05-03 8107
qs使用方式+axios背景技能列表qs.parse()将 URL 解析成对象的形式qs.stringify()将对象序列化成 URL 的形式传递数组的几种方式带索引的模式（默认模式）不带索引arrayFormat 形式格式化 背景 前端传参的时候。一般会用到 axios 或者 fetch 、Ajax 。 fetch 、 axios 慢慢从其中崛起。 qs 实在配合这些 api 时，使用最多的参...
uniapp前端向后端传数组报错解决方案
qq_45068731的博客
07-11 687
通过这种方式，数组值会转换为同参数名的键值组合，如param=value1¶m=value2¶m=value3这种形式，即可解决uniapp中前端向后端传数组的问题。url: '后端请求地址' + `?${qs.stringify(param, { arrayFormat: 'repeat' })}`,以上代码request已进行过封装，具体封装参考网上资料。method: '请求方式',
uni-app发送数据请求教学：从入门到实践
最新发布
qq_74916452的博客
05-21 2572
uni-app是什么？uni-app是一个使用Vue.js开发所有前端应用的框架，它允许开发者编写一次代码，发布到多个平台。这些平台包括iOS、Android、以及各种小程序（如微信/支付宝/百度/字节跳动/QQ/淘宝/京东等）和H5等。uni-app通过封装Vue.js的核心以及微信小程序等平台的原生能力，让开发者可以使用Vue的语法来编写应用，并发布到多个平台。uni-app的特点跨平台能力：uni-app的最大特点在于其强大的跨平台能力。
uniapp页面跳转时传递包含数组的对象的方法
jidaotianzun的博客
10-11 705
uniapp页面跳转时传递包含数组的对象的方法
关于umi-request GET请求携带数组
qq_31211181的博客
10-17 1896
在使用umi-request时候发现GET传递数组，后台在接收时只能接受到最后一个，对此记录一下。 问题： // 发送数据： request(url, { params: { select: [1,2,3] } }) 请求的url变成：url?select=1&select=2&select=3这个样子，php后台就只能接受到select=3 正常url是：url?select[]=1&select[]=2&select[]=3，php后台能正确识别为数组 解决办法.
uniapp uni.request GET方式请求，不能直接传数组解决方法
qq_36904182的博客
07-08 8530
这里写目录标题目录遇到的问题解决方案 目录 遇到的问题 想传一个数组，但是后台接受到的数据与浏览器中显示的数据和前台代码传的不一样； 前台代码打印 浏览器显示数据 其中HerbalNameList ，变成了字符串， 后台接受参数 变成了数组长度为1的数组，和前台传的数据不一样 解决方案 在request中增加拦截器，代码如下 uni.addInterceptor('request', { invoke(args) { // request 触发前拼接 url con
uniapp GET和POST请求数组传值问题
listen201107336的博客
01-18 1055
【代码】uniapp GET和POST请求数组传值问题。
uni-request 数组传参问题修复
embracelong的博客
01-12 3573
好久没写文章了，最近看到消息提醒发现竟然有人关注，就分享一些遇到的问题。 基于uni-app开发小程序，发现post传参的时候，请求如果是数组类型，会解析失败。 通过查看源码发现： uni-request 在merge请求参数的时候，没有针对数组进行特殊处理，导致将数组解析成对象。 针对源码进行修改： 解析正常。 ...
uni-app 组件传参
A_bad_horse的专栏
02-04 1132
父向子传递参数，通过属性的方式 子向父传递参数，通过触发事件的方式 使用全局数据传递参数 通过挂载vue的原型 通过globalData的方式 （兄弟/非兄弟之间都可以使用） 父向子 传递 - 父页面向子组件ul-com通过属性名list传递了数组数据 - 子组件通过props接收数据 <ul-com :list="[1,2,3,4]"> props: { list: Array } # img-border.vue <template> <!--
uni-app get请求数据
微风的博客
09-07 1752
<template> <view> <button @click="show">点击显示数据</button> <view class="List" v-for="item in arr" :key="item.id"> <view class="List_img"> <image :src="item.author.avatar_url" ></image> &l.
浅谈vue中get请求解决传输数据是数组格式的问题
11-19
在Vue.js应用中，我们经常需要使用HTTP请求与服务器...通过以上方式，我们可以有效地解决Vue中GET请求传输数组格式数据的问题，确保数据能够被后端接口正确解析。理解并掌握这些技巧对于进行高效的前端开发至关重要。
完美解决request请求流只能读取一次的问题
08-24
解决request请求流只能读取一次的问题，我们可以使用自定义的HttpServletRequestWrapper，覆写getInputStream()和getReader()方法，从而实现流的重复读取。这可以在SpringBoot项目中使用Filter拦截器对所有请求流中...
基于uniapp的在线答题小程序源码.zip
04-04
此外，uniapp支持微信小程序的特性，意味着这个答题小程序可以直接部署到微信平台上，利用微信的社交特性进行分享和推广。同时，uniapp也支持H5和App的发布，使得应用具有更广泛的分发渠道。 总的来说，这个基于...
uniapp实现移动端上传文件功能
09-24
这个接口返回的Promise会解析出一个数组，每个元素代表一个选中的文件。 2. **创建FormData对象**：将选中的文件添加到FormData对象中，通常使用`FormData.append`方法，指定文件名和文件内容。 3. **发送HTTP请求...
uniapp 页面跳转传数组
xniYa的博客
08-02 1621
uniapp 页面跳转传数组
在uni.app中跳转传数据（对象数组或参数）
az44yao的专栏
05-23 2384
可以利用JSON.stringify先转成字符串，再传过去 在所传页面用JSON.parse转换成对象赋值
uniapp的h5转微信小程序的get请求携带数组数据有误的问题
dlchgg的博客
01-10 546
而用data：agrs，uniapp拼接出来的数据是存在：workWhere=undefined&statusArgs=%5B3%5D （PageIndex=1应该是同样所以被省略了）statusArgs=%5B3%5D ———转义———— statusArgs=[3]statusArgs%5B0%5D=3 ————转义——— statusArgs[0]=3。
uniapp get接口属性值传数组
06-10
如果要传递一个数组，你可以将数组转换为字符串，然后在请求参数中以字符串的形式传递。在服务端接收到请求后，再将字符串转换为数组进行处理。以下是一个示例代码： ``` // 前端代码 uni.request({ url: 'http://example.com/api', method: 'GET', data: { arrayParam: JSON.stringify([1, 2, 3]) }, success: function(res) { console.log(res.data) } }) // 后端代码 app.get('/api', function(req, res) { var arrayParam = JSON.parse(req.query.arrayParam) console.log(arrayParam) // [1, 2, 3] }) ``` 在上面的示例中，前端将数组 `[1, 2, 3]` 以字符串的形式传递给后端，后端接收到请求后将字符串转换为数组。请注意，在前端使用 `JSON.stringify` 将数组转换为字符串，在后端使用 `JSON.parse` 将字符串转换为数组。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

Allen_CV

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

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

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

打赏作者

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

抵扣说明：

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

余额充值