微信小程序之数据传递

本文主要介绍，页面跳转间的数据传递。传递的数据类型主要有1，基本数据类型；2，对象；3，数组集合；

先告诉你，本质上都是string类型传递。但是对于对象和数组集合的传递需要小小的处理一下传递时的数据和接收后的数据。

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: {testData:{name:'我是name', extra:'我是extra'}},onLoad: function () {},next: function(e){wx.navigateTo({url: '/pages/test/test?extra='+JSON.stringify(this.data.testData)})}
})

test.js 接受页JS

Page({data:{testData:null},  onLoad:function(options){

 console.log("接收到的参数是obj="+options.extra);//此处打印出来的仅仅是字符串 需要解析，解析如下this.dat.testData = JSON.parse(options.extra);//解析得到对象}})

打印的Log如下：

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

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"]

另外，还可以通过缓存(wx.setStorage(OBJECT)，wx.setStorageSync(KEY,DATA))来传递数据，只是保存后需要清除，防止缓存过大的情况.

微信小程序之数据传递相关推荐

从点击事件看微信小程序的数据传递
最近用微信小程序做了一个电影类APP,业务逻辑不难,但在做最后一个页面时遇到了一个诡异的问题,这个问题让我对小程序框架里的事件和数据绑定有了更深的认识. 问题是这样的: 该小程序有4个页面,分别是&q ...
微信小程序——页面之间传递值
微信小程序--页面之间传递值小程序页面传值的方式: 1.正向传值:上一页面 --> 下一页面 url传值本地储存全局的app对象 2.反向传值:下一页面 --> 上一页面本地储 ...
微信小程序用户数据的签名校验和加解密 - 后端nodejs
在本文微信小程序用户数据的签名校验和加解密之前需要先看看微信小程序-获取用户session_key,openid,unionid - 后端为nodejs 代码封装是在上文添加的. 小程序代码: ...
微信小程序：数据存储、传值、取值
小程序界面传值父级界面:A界面子级界面:B界面一.url传值详细的配置参数可以查看组件导航:navigator,这里不再做过多的解释. 1. 正向传值:A界面 –>B界面用 navig ...
小程序素材抓取软件_如何抓取微信小程序的数据？
2017年1月份备受关注的微信小程序功能正式上线了,好多知名平台纷纷推出了自己的微信小程序,例如大众点评.美团外卖.京东购物.对于我们爬虫开发者来说这绝对是好事情,意味着又多了一个数据来源,又多了一种 ...
微信小程序observers数据监听器的使用
微信小程序observers数据监听器的使用数据监听器可以用于监听和响应任何属性和数据字段的变化. 1.observers使用的前提条件在微信小程序中数据监听器的使用是有几个前提条件的,否则是无法 ...
微信小程序：页面传递中文出现乱码
微信小程序:页面传递中文 decodeURIComponent() 参考微信小程序页面中文传参Option获取参数乱码问题
微信小程序开发数据缓存基础知识辨析以及运用实例
微信小程序开发数据缓存基础知识辨析以及运用实例提示:这里可以添加本文要记录的大概内容: 例如:随着人工智能的不断发展,机器学习这门技术也越来越重要,很多人都开启了学习机器学习,本文就介绍了机器学习的 ...
把jquery city-picker地区选择插件数据改成微信小程序省市地区数据一样（php代码抓取微信小程序地区数据）
原版插件 https://github.com/tshi0912/city-picker 资源下载 https://download.csdn.net/download/jianye112/12036 ...

微信小程序之数据传递

微信小程序之数据传递相关推荐

最新文章

热门文章