微信小程序页面间的对象传递

例子：

页面架构:

page

A→a.js

B→b.js

a.js→b.js, 此时a.js想传递studentBean这个对象到b.js接收, 常规的传递如下:

var studentJson = JSON.stringify( this.data. studentBean)
wx.navigateTo({
url: '../B/b?student=' + studentJson,
})

说明:

this.data.studentBean是声明在page({data:{}})里的对象, 在传递对象前,需要将对象转为json字符串传递, 如需传递多参数,

则用"&"连接, 其中不能有空格, 例:

url: '../B/b?student=' + studentJson + '&teacher=' + teacherJson,

此时在b.js中的onload()方法中接收:

onLoad: function(options) {
var studentBean = JSON.parse(options.student)var teacherBean = JSON.parse(options.teacher)
}

以上为常规的对象传递.

注意: 如果对象中含有特殊符号, 使用上面方法传递则会造成数据丢失或被截取了部分数据, 那么接下来则需要在传递之前先编码再传递, 如下:

var studentJson = JSON.stringify( this .data. studentBean)
wx.navigateTo({
url: '../B/b?student=' + escape( studentJson) ,
})

此时b.js接收则需要先解码再解析:

onLoad: function(options) {
var studentBean = JSON.parse(unescape(options.student))}

注意: 编码使用: escape, 解码使用: unescape

转自：https://blog.csdn.net/wahyip/article/details/80982351

微信小程序页面间的对象传递相关推荐

微信小程序-页面间如何进行传递数据(通信)
前言在小程序中组件与组件之间的通信是通过在引用组件处,在自定义组件上添加自定义属性实现的,子组件内部通过properties进行接收更多关于组件与组件之间的通信可参考小程序-实现自定义组件以及自定 ...
微信小程序页面间的数据传递和数据共享
方法一:利用url 如下代码所示,首先在.wxml文件中找到更多按钮并绑定相应方法,接着通过data-name指定所传参数的名字,如图所传参数名为:category. <view class=& ...
微信小程序页面跳转如何传递对象参数
前几天一个月薪35k的兄弟,给我推了一个人工智能学习网站,看了一段时间挺有意思的.包括语音识别.机器翻译等从基础到实战都有,很详细,分享给大家.大家及时保存,说不定啥时候就没了. 微信小程序页面跳转如 ...
微信小程序页面间通信的5种方式
微信小程序页面间通的5种方式 PageModel(页面模型)对小程序而言是很重要的一个概念,从app.json中也可以看到,小程序就是由一个个页面组成的. 如上图,这是一个常见结构的小程序:首页是一个 ...
详解微信小程序页面间传递信息的三种方式
详解微信小程序页面间传递信息的三种方式在开发微信小程序的时候,经常会遇到在页面间传递信息的情况,有三种方法可以实现. 1. 使用数据缓存将要存储的数据使用以下方法放入缓存 wx.setStorag ...
vue 传参微信_小猿圈web前端之微信小程序页面间跳转传参方式总结
原标题:小猿圈web前端之微信小程序页面间跳转传参方式总结最近小程序发展的越来越快,很多大公司也在打造自己的小程序平台以及购物小程序等等,今天小猿圈web前端讲师就总结了关于微信小程序的知识点,首先 ...
微信小程序页面间传递数组对象
在微信小程序中,有时候使用wx.navigateTo()跳转页面时要传递过长的参数或者传递一个数组对象会发现传递不过去情景再现: 发送端接收端输出值我们可以使用以下方法解决: 在发送端对数据进 ...
微信小程序页面间传递文本数据
写了一个微信小程序可以实现记录日记的功能.当点击编辑时,会再另一个页面中显示这个页面的日记数据,发现通过传递参数的方法很不现实,就在网上搜集了各种方法来实现,其中一个比较可取的方法是利用getCurr ...
微信小程序传递数组给服务器,微信小程序页面间的数组如何传递
// A页面 // 数组.对象都需要stringify var listData = JSON.stringify(that.data.listData) var taskArray = JSON.s ...

微信小程序页面间的对象传递

微信小程序页面间的对象传递相关推荐

最新文章

热门文章