小程序页面传参，参数较多含链接容易解析错误

最新推荐文章于 2024-11-08 15:34:15 发布
最新推荐文章于 2024-11-08 15:34:15 发布
阅读量154 收藏
点赞数
文章标签： 小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Fairyasd/article/details/115575193
版权
本文介绍了一种在小程序页面间传递复杂参数的有效方法。通过使用encodeURIComponent(JSON.stringify())进行编码，并结合JSON.parse(decodeURIComponent())解码，实现了稳定的数据传递。
摘要由CSDN通过智能技术生成

小程序页面传参参数较多时：
传递页面：encodeURIComponent(JSON.stringify(event.currentTarget.dataset.detail))
在这里插入图片描述
接收页面：JSON.parse(decodeURIComponent(options.arrey))
在这里插入图片描述

Fairyasd
关注
微信小程序学习
weixin_55935744的博客
11-09 4420
微信小程序学习
【微信小程序高频面试题——精选一】
ytfty24124的博客
11-28 7555
uni-app是一个使用Vue.js开发所有前端应用的框架，开发者编写一套代码，可以发布到IOS、Android、Web（响应式）、以及各种小程序、快应用等多个平台。
小程序路径参数太多导致缺失问题
wyy7293的博客
10-27 340
针对小程序跳转时携带参数太多,导致接收参数时缺失问题 encodeURIComponent(JSON.stringify(obj)) //为跳转url时的转换方法。 JSON.parse(decodeURIComponent(options.obj)) //为接收参数页面的转换方法。
小程序跳转传递参数过多的问题
Yzfeng21的博客
10-27 232
/ 监听redactInfo事件，获取上一页面通过eventChannel传送到当前页面的数据。console.log("获取到信息", data.info)onLoad(e) {//修改信息时，反填信息。
微信小程序页面跳转传参，参数过长报错解决办法
木易的博客
03-31 3249
在微信小程序的开发中，页面之间的跳转传参是非常常见的。一般参数较少的时候，这样的传参方式很简单。但是有的时候，我们需要传递的参数可能是一个对象，但是这个对象属性很多， 通常的做法是需要先转成字符串（使用用JSON.stringify()转换成字符串）B页面在用JSON.parse()再转换回对象。但是这样的传参方式遇到一个问题，对象数据长度过大时B页面在用JSON.parse()会报错。 Unexpected end of JSON input 解决办法也很简单如下： A页面传参时：encodeURI
小程序 url传参 参数值过长 接收时候 内容不全得问题 、
棋鬼王的博客
02-21 1万+
原因：参数被url截断了 、需要编码传送，解码接收 //传参 wx.navigateTo({//wx.redirectTo、wx.reLaunch url: '../details/details?id=' + encodeURIComponent(id) }); 接收 onLoad(options) { var id = decodeURIComponent(opt...
微信小程序：数据传输长度已经超过最大长度 1048576 的错误
极客点儿
08-14 1万+
由于调用接口会返回很多数据，用到的可能只有几个字段。这么多数据直接扔到小程序模板里面去遍历(wx:for)，开发者工具的日志里面就直接报错了：invokeWebviewMethod 数据传输长度为 1233778 已经超过最大长度 1048576出现这个问题的原因是setData 这步出问题，每次setData 会传入大量数据，所以我们只需要传递需要的参数即可 解决方法如下： 1、后台的...
原生微信小程序开发学习笔记（零基础）
qq_33365152的博客
09-08 340
原生微信小程序开发学习笔记（适合零基础）
微信小程序
GU_AO_SHI_TAI_DU的博客
07-08 1524
微信小程序第一章---小程序微信生态圈第二章 第一章—小程序微信生态圈 2011年1月21日，腾讯公司推出一个即时通讯服务的免费应用程序，由张小龙带领的腾讯广州研发中心产品团队打造 张小龙（腾讯广州研发中心团队经理）：团队经理张小龙所带领的团队曾成功开发过QQ邮箱等互联网项目 腾讯公司总裁马化腾在产品策划的邮件中确定了这款产品的名称叫做“微信”。 小程序：英文名 Mini Program 　...
微信小程序学习笔记（详细汇总）
perfect_code_hzy的博客
09-20 7036
小程序学习笔记一、微信小程序简介微信小程序优点：二、微信小程序环境准备2.1 申请帐号2.2 安装开发工具 一、微信小程序简介 微信小程序，小程序的一种，英文名Wechat Mini Program,是一种不需要下载安装即可使用的应用，它实现了应用触手可及"的梦想，用户扫一扫或搜一下即可打开应用。 微信小程序，之前叫应用号，2017年正式上线 微信小程序优点： 微信有海量用户,且粘性很高，在微信里开发产品更容易触达用户 推广app或公众号的成本太高 开发适配成本低 容易小规模试错,然后快速迭代 跨平台
微信小程序 页面传参（url）参数过长报错解决办法
LttleJoker的博客
03-26 3998
在开发中，如果希望将一个对象从一个页面传到另一个页面时，大家可能都会知道用JSON.stringify（）的方式，把对象转成JSON字符串再传值，但是当我们的这个对象字符串数值过长的时候就会出现报错，这时我们只需在JSON外面再包一个加密，就能解决报错了。 页面（传参）： 跳转到的页面（接收）： ...
小程序数据量过大问题
qq_38686150的博客
06-03 1497
setdata 官方描述 setData 理解 setData 函数用于将数据从逻辑层发送到视图层（异步） this.data 的值（同步） 直接修改 this.data 而不调用 this.setData 是无法改变页面的状态的，还会造成数据不一致。 仅支持设置可 JSON 化的数据。 单次设置的数据不能超过1024kB，请尽量避免一次设置过多的数据。请不要把 data 中任何一项的 value 设为 undefined ，否则这一项将不被设置并可能遗留一些潜在问题。 数据量过大 如何更新 业务场景：
解决微信小程序跳转url传参对象数据过长报错的问题
qq_42026332的博客
11-19 2972
解决微信小程序跳转url传参对象数据过长的问题 最近开发微信小程序 碰到的一个小问题，那就是 跳转url的时候，传对象数据过长的问题， 小程序在传对象的时候要先用JSON.stringify()转换一下，接受页面在用JSON.parse()再转换回来。 但是这样有一个问题，数据过长会报错，或者是只拿到了一部分 这个时候我们就需要用到两个 方法 encodeURIComponent(obj) ...
微信小程序----修改data中的数据，页面数据不改变
热门推荐
止于至善
12-26 7万+
错误原因 由于VUE等框架，我们在逻辑层修改data中的数据后，视图层（页面渲染）会跟着发生变化。当然微信小程序也是实现了相同的功能，那么出现错误的原因是什么？答案：微信小程序的setData()方法。 常见赋值方式（习惯）导致的错误Page({ data: { isShow: false }, changeStatus(){ console.log(this.dat
小程序传递带有url地址类型参数报错解决方法
st526403649的博客
12-04 2349
小程序传递带有url地址类型参数报错解决方法
小程序使用navigateTo地址url传递参数过长导致的问题
小多的博客
04-11 1728
首先不建议地址携带参数过多，但是如果一定要传递很多数据的话就可能会报错 navigatorTo(item) { // item是个对象，且内容过多 // 1. 先通过JSON.stringify(item)转化成字符串 // 2. 在使用 encodeURIComponent()压缩 item = encodeURIComponent(JSON.stringify(item)) uni.navigateTo({ url: `/pages/detail?item=${item}` }); }
微信小程序自定义组件Component总结
大猪的博客
06-19 5万+
没有看过微信小程序自定义组件(以下称Component)的同学可以到官网上了解一下。以下是对Component的总结：一、Component概念Component像页面一样由wxml、wxss、js和json4个文件组成，且需要把这4个文件放在同一个目录中。与页面不一样的是，Component中的构造函数（也可以称构造器）是Component({})，而页面中的构造函数是Page({})。二、sl...
微信小程序页面跳转url传参，对象数据过长问题
qq_26282869的博客
11-27 3549
小程序url传参如果是对象的话需要先用JSON.stringify()转换一下，接受页面在用JSON.parse()再转换回来。 但这样传参有一个问题，当对象数据长度过大时会报错，因为url传参时程序把过长的那段数据给截取掉了，导致数据转换回来时格式不对而报错。 这时可以再添加另一个API：encodeURIComponent(obj) 和 decodeURIComponent(options.o...
开源 AI 智能名片 S2B2C 商城小程序在微商内容展示中的应用与价值
最新发布
专注MarTech应用研究与实施方案
11-08 730
本文围绕微商在社群和朋友圈这一“店面”的内容展示展开深入讨论，剖析展示对产品的热爱、产品真实反馈和代理反馈的重要意义，并详细阐述开源 AI 智能名片 S2B2C 商城小程序如何助力微商优化这些内容展示，从而提升微商营销效果和团队发展能力，为微商在数字化营销时代的发展提供新的思路和方法。
微信小程序页面通信：利用onfire.js实现多页面传参
"微信小程序多页面传参通信的探索与实践" 在微信小程序的开发过程中，经常遇到需要在页面间传递参数的情况，特别是在从列表页面跳转至详情页，用户在详情页操作后希望返回列表页时能带上新的状态信息。然而，微信小...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值