小程序页面间的对象传递

最新推荐文章于 2024-06-16 23:11:11 发布

YourSuprise

最新推荐文章于 2024-06-16 23:11:11 发布

阅读量581

点赞数 2

CC 4.0 BY-SA版权

分类专栏：小程序

本文链接：https://blog.youkuaiyun.com/Wang_Zhong_2018/article/details/82868168

小程序专栏收录该内容

2 篇文章

订阅专栏

例: 页面架构:

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))

}

RFC3986文档规定，Url中只允许包含英文字母（a-zA-Z）、数字（0-9）、-_.~4个特殊字符以及所有保留字符。

JavaScript escape() 函数的功能是把其中这些特殊字符替换成了十六进制的转义序列。该方法不会对ASCII 字母和数字进行编码，也不会对下面这些 ASCII 标点符号进行编码： - _ . ! ~ * ' ( ) 。其他所有的字符都会被转义序列替换。