网友真实露脸自拍10p,成人国产精品秘?久久久按摩,国产精品久久久久久无码不卡,成人免费区一区二区三区

小程序模板網

微信小程序---數據傳遞

發布時間:2018-04-18 10:46 所屬欄目:小程序開發教程

先告訴你,本質上都是string類型傳遞。但是對于對象和數組集合的傳遞需要小小的處理一下傳遞時的數據和接收后的數據。

 

1,傳遞基本數據類型

index.js 發送頁JS

 

				
  1. [javascript] view plain copy 在CODE上查看代碼片派生到我的代碼片
  2. Page({
  3. data: {
  4. testStr: '字符串str'
  5. },
  6. onLoad: function () {
  7. },
  8. next: function(e){
  9. wx.navigateTo({
  10. url: '/pages/test/test?str='+this.data.testStr,
  11. })
  12. }
  13. })

test.js 接受頁JS

 

				
  1. [javascript] view plain copy 在CODE上查看代碼片派生到我的代碼片
  2. Page({
  3. data:{
  4. },
  5. onLoad:function(options){
  6. console.log("接收到的參數是str="+options.str);
  7. }
  8. })

打印的Log如下:

接收到的參數是str=字符串str

 

2,傳遞對象{}

index.js 發送頁JS

 

				
  1. [javascript] view plain copy 在CODE上查看代碼片派生到我的代碼片
  2. Page({
  3. data: {
  4. testData:{name:'我是name', extra:'我是extra'}
  5. },
  6. onLoad: function () {
  7. },
  8. next: function(e){
  9. wx.navigateTo({
  10. url: '/pages/test/test?extra='+JSON.stringify(this.data.testData)
  11. })
  12. }
  13. })

test.js 接受頁JS

 

				
  1. [javascript] view plain copy 在CODE上查看代碼片派生到我的代碼片
  2. Page({
  3. data:{
  4. testData:null
  5. }, onLoad:function(options){
  6. [javascript] view plain copy 在CODE上查看代碼片派生到我的代碼片
  7. <span style="white-space:pre"> </span>console.log("接收到的參數是obj="+options.extra);//此處打印出來的僅僅是字符串 需要解析,解析如下
  8. this.dat.testData = JSON.parse(options.extra);//解析得到對象
  9. }})

打印的Log如下:

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

 

3,傳遞數組集合[]

index.js 發送頁JS

 

				
  1. [javascript] view plain copy 在CODE上查看代碼片派生到我的代碼片
  2. Page({
  3. data: {
  4. list:['item-A','item-B']
  5. },
  6. onLoad: function () {
  7. },
  8. next: function(e){
  9. wx.navigateTo({
  10. url: '/pages/test/test?list='+JSON.stringify(this.data.list),
  11. })
  12. }
  13. })

test.js 接受頁JS

 

				
  1. [javascript]
  2. view plain
  3. copy

在CODE上查看代碼片派生到我的代碼片

 

				
  1. <span style="font-size:14px;">Page({
  2.  
  3. data:{
  4.  
  5. list:[]
  6.  
  7. },
  8.  
  9. <span style="white-space:pre"> </span>onLoad:function(options){
  10.  
  11. <span style="white-space:pre"> </span>console.log("接收到的參數是list="+options.list);//此處打印出來的是字符串,解析如下
  12.  
  13. <span style="white-space:pre"> </span></span><span style="font-size: 14px; white-space: pre-wrap; font-family: Arial, Helvetica, sans-serif;">this.data.list = JSON.parse(options.list);//解析得到集合</span><span style="font-size:14px;">
  14.  
  15. }})</span>

打印的Log如下:

test.js [sm]:17 接收到的參數是list=["item-A","item-B"]

另外,還可以通過緩存(wx.setStorage(OBJECT),wx.setStorageSync(KEY,DATA))來傳遞數據,只是保存后需要清除,防止緩存過大的情況.



易優小程序(企業版)+靈活api+前后代碼開源 碼云倉庫:starfork
本文地址:http://www.xiuhaier.com/wxmini/doc/course/23674.html 復制鏈接 如需定制請聯系易優客服咨詢:800182392 點擊咨詢
QQ在線咨詢
AI智能客服 ×