解决微信小程序跳转url传参对象数据过长报错的问题

最新推荐文章于 2023-11-17 16:22:09 发布
最新推荐文章于 2023-11-17 16:22:09 发布
阅读量2.8k 收藏 2
点赞数 4
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42026332/article/details/103145799
版权

解决微信小程序跳转url传参对象数据过长的问题

最近开发微信小程序 碰到的一个小问题，那就是 跳转url的时候，传对象数据过长的问题，
小程序在传对象的时候要先用JSON.stringify()转换一下，接受页面在用JSON.parse()再转换回来。
但是这样有一个问题，数据过长会报错，或者是只拿到了一部分
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述在这里插入图片描述

这个时候我们就需要用到两个 方法

encodeURIComponent(obj) 跳转url时的转换方法

decodeURIComponent(options.obj) 页面接收参数页面的转换方法

在这里插入图片描述
在这里插入图片描述在这里插入图片描述

这样就OK了！！！！ 如果这篇文章解决了你的问题，不妨动动您发财的小手点个赞呗！

chase_Cherry
关注
  • 4
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
微信小程序跳转传参数 传对象，wx.request的json数据传输
03-29
一：跳转传参数 传对象 分享者：幼年程序猿，原文地址  一般都是传字符串到下一页，如果要想传对象怎么办呢？ 我的解决办法是先将对象转换为json字符串然后到下个页面将json字符串，再转化为对象。如下：   let ...
微信小程序数据绑定以及跳转传参，事件机制简介
03-29
一：数据绑定以及跳转传参 首先，我们先创建一个新的项目。可以看到创建的新的小程序有一个默认的HelloWorld的Demo.如下图 (此图片来源于网络，如有侵权，请联系删除! )   这里先介绍一下微信小程序的数据绑定 微信...
微信小程序：数据传输长度已经超过最大长度 1048576 的错误
热门推荐
极客点儿
08-14 1万+
由于调用接口会返回很多数据，用到的可能只有几个字段。这么多数据直接扔到小程序模板里面去遍历(wx:for)，开发者工具的日志里面就直接报错了：invokeWebviewMethod 数据传输长度为 1233778 已经超过最大长度 1048576出现这个问题的原因是setData 这步出问题，每次setData 会传入大量数据，所以我们只需要传递需要的参数即可 解决方法如下： 1、后台的...
微信小程序问题---数据传输长度为 1275870 已经超过最大长度 1048576
weixin_33817333的博客
03-20 1213
开发微信小程序时，遇到数据传输长度为 1095538 已经超过最大长度 1048576的问题。 这是setData时操作数据过大导致，一般出现在请求返回数据过大，我们又将这个数据一次性用setData赋值的情况中。 解决办法： 　　把数据进行拆分，再进行setData操作。 转载于:https://www.cnblogs.com/Super-scarlett/p/103418...
微信小程序问题--invokeWebviewMethod 数据传输长度为 1227297 已经超过最大长度 1048576
飞翔的熊blabla
05-05 8350
invokeWebviewMethod 数据传输长度为 1227297 已经超过最大长度 1048576接 触小程序也有半年了，也没真正总结工作过程中遇到的问题，今天自己的项目突然报了如下的错误，看图： 第 一次看到这句话有点不能理解，如果说是从后台传来的数据过长就有点尴尬了，因为我们是做了分页的，每次从后台只读10条数据，当下拉页面的时候又再读10条。再复杂的数据，10条肯定是装得下的，我们在初...
微信小程序页面跳转url传参，对象数据过长问题
qq_26282869的博客
11-27 3487
小程序url传参如果是对象的话需要先用JSON.stringify()转换一下，接受页面在用JSON.parse()再转换回来。 但这样传参有一个问题，当对象数据长度过大时会报错，因为url传参时程序把过长的那段数据给截取掉了，导致数据转换回来时格式不对而报错。 这时可以再添加另一个API：encodeURIComponent(obj) 和 decodeURIComponent(options.o...
小程序报错数据传输长度为 xxx 已经超过最大长度 xxx
weixin_30548917的博客
09-21 862
这个错误通常在通过base64给images赋值时发生，setData()微信设置的一次最大传输长度为1M，所有如果编码后的base64字符串长度超过了1M就会报这个错误。 如何解决？ 我们可以采取曲线救国的策略，在绑定数据的时候用两个变量，比如 <image class='img' src='{{imgSrc1 + imgSrc2}}'...
微信小程序页面传参过长报错
最新发布
weixin_55967922的博客
11-17 588
第二种方法一般不推荐使用；容易出现Failed to execute 'btoa' on 'Window': The string to be encoded contains characters outside of the Latin1 range错误（报错信息中指出字符串中包含了Latin1范围之外的字符，导致无法使用window.btoa进行解析。这些字符属于Unicode字符集，超出了Latin1范围。
微信小程序 页面跳转传参详解
09-01
总的来说，微信小程序的页面跳转和传参主要依赖`wx.navigateTo` API，通过URL查询参数的方式传递数据。在实际开发中，结合事件处理函数和生命周期方法，可以灵活地实现页面间的交互和数据传递。理解这一机制对于微信...
微信小程序 页面跳转及数据传递详解
12-29
微信小程序 页面跳转及数据传递详解 类似 Android 的 Intent 传值，微信小程序也一样可以传值： 例如：wxml 中写了一个函数跳转： 已完成任务 <view class=containVertical>{{finishedMissionCount}} 在 js ...
尝试解决微信小程序分页最后setData数据太大限制的问题
03-29
前些天，突然接到用户的大量反馈，我们的小程序频繁出现闪退，崩溃的现象。如图， (此图片来源于网络，如有侵权，请联系删除! ) 于是马上着手追查问题，首先确定了导致闪退的页面。是在一个有长列表的页面，当上拉加载更多，翻页翻多几页的时候就导致闪退了。经过重重排查（时间问题，这里就不详细描述排查的方法了，大多数用的都是缩小范围排除法啦），最后终于确定了问题所在，原来是在列表中，同事最近新加上的css3动画所致，这里的列表是循环渲染的一个组件，组件中的一个弹窗的弹出和收起，使用动画，但是这里没有加上wx:if,导致了循环渲染该动画，所以翻页翻着翻着就挂掉了。 确定了问题，就很好办了，加上条件判断，只有
后台传入数据过长，接收时数据改变——微信小程序（6）
qq_38916157的博客
12-15 521
后端传入的数据为int类型，由于数据过长，精度出现问题 解决方法：后端将类型改为string类型 后台接口传递得数据：最后一位为1 微信开发这工具接收到的数据：最后一位为0
uniapp 小程序setdata超过Xm 数据传输长度过长
weixin_44179923的博客
12-12 2015
最近发现uniapp在微信小程序会造成 数据传输长度过程 的错误 除开网上能查到的 还有一种情况就是 uni.xxx = xxx 工具方法不宜挂载在uni上，不然在页面使用其中的方法 微信小程序 会提示 数据传输长度过程 的错误 ...
微信小程序 --- invokeWebviewMethod 数据传输长度为 1227297 已经超过最大长度 104857
删库跑路
07-10 2438
invokeWebviewMethod 数据传输长度为 1227297 已经超过最大长度 1048576 接 触小程序也有半年了，也没真正总结工作过程中遇到的问题，今天自己的项目突然报了如下的错误，看图： 我打印的是我初始化定义的lists值，前面80条都没有报错，说明是这个lists数据传输过长导致，然后我看了下从后台返回的数据结构，如下：* 乍 一看，这个...
小程序路由传参，参数过长解决办法
小白的博客
06-14 484
小程序
uni-app小程序页面传值数据过长问题
忘忧
04-14 2647
在通过url进行页面传值时，传递数据过长（如：base64图片数据）或数据包含特殊字符（如：?），这样传递的数据会不完整，而报错。 遇到这样的情况可以 转成编码格式传递 encodeURIComponent弄成编码 decodeURIComponent解析编码 // A页面-传递参数 let obj = { value:"???" }; uni.navigateTo({ url:`/pages/home/index?data=${encodeURIComponent(JSON.stringify(ob
微信小程序云数据库的分页提取，解决提取大量数据的耗时问题
qq_44659701的博客
04-27 1742
解决提取大量数据耗时问题 首先先建立一个较大的数据库，最好数据量超过80，如图： 然后在页面的wxml文件写入页面结构，如下： <scroll-view scroll-y="true" bindscrolltolower="searchScrollLower"> <view class="result-item" wx:for="{{dataList}}" wx:key="item"> <text class="title">{{item.schoolNam
get方式长度受限，如何将较长数据传递到后台
行云
08-29 1969
get方式长度受限，如何将较长数据传递到后台
微信小程序跳转传参代码
05-11
微信小程序跳转页面并传递参数的代码如下： 在跳转前页面的wxml文件中，设置一个跳转按钮，绑定点击事件： ``` 跳转到页面B ``` 在跳转前页面的js文件中，编写跳转逻辑，并在跳转时传递参数： ``` jumpToPage: ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值