微信小程序开发(2)------使用navigateTo数据传递

1，传递基本数据类型

index.js 发送页JS

Page({
data: {
testStr: '字符串str'
},
onLoad: function () {
},
next: function(e){
wx.navigateTo({
url: '/pages/test/test?str='+this.data.testStr,
})
}
})

test.js 接受页JS

Page({
data:{
},
onLoad:function(options){
console.log("接收到的参数是str="+options.str);
}
})

打印的Log如下：

接收到的参数是str=字符串str

2，传递对象{}

index.js 发送页JS

Page({
data: {
dataObj:{name:'我是name', extra:'我是extra'}
},
onLoad: function () {
},
toTest: function(e){
wx.navigateTo({
url: '/pages/test/test?dataObj='+JSON.stringify(this.data.dataObj)
})
}
})

test.js 接受页JS

Page({
data:{
dataObj:null
},
onLoad:function(options){
this.dat.dataObj= JSON.parse(options.dataObj);//解析得到对象
}})

打印的Log如下：

test.js [sm]:16 接收到的参数是obj={“name”:”我是name”,”dataObj”:”我是dataObj”}

3，传递数组集合[]

index.js 发送页JS

Page({
data: {
list:['item-A','item-B']
},
onLoad: function () {
},
next: function(e){
wx.navigateTo({
url: '/pages/test/test?list='+JSON.stringify(this.data.list),
})
}
})

test.js 接受页JS

Page({
data:{
list:[]
},
onLoad:function(options){
console.log("接收到的参数是list="+options.list);//此处打印出来的是字符串，解析如下
this.data.list = JSON.parse(options.list);//解析得到集合
}})

打印的Log如下：

test.js [sm]:17 接收到的参数是list=[“item-A”,”item-B”]

———————————————————————*

java 架构师全套教程，共760G, 让你从零到架构师，每月轻松拿3万

下载地址：

https://item.taobao.com/item.htm?spm=686.1000925.0.0.4a155084hc8wek&id=555888526201

01.高级架构师四十二个阶段高

02.Java高级系统培训架构课程148课时

03.Java高级互联网架构师课程

04.Java互联网架构Netty、Nio、Mina等-视频教程

05.Java高级架构设计2016整理-视频教程

06.架构师基础、高级片

07.Java架构师必修linux运维系列课程

08.Java高级系统培训架构课程116课时

（送：hadoop系列教程，java设计模式与数据结构， Spring Cloud微服务， SpringBoot入门）

——————————————————————–