hi,你好!欢迎访问本站!登录
本站由简数采集腾讯云宝塔系统阿里云强势驱动
当前位置:首页 - 文章 - 小程序 - 正文 君子好学,自强不息!

小程序页面间通报数据的体式格局_微信小程序

2020-07-02小程序ki4网10°c
A+ A-
近来在做小程序项目,发明小程序的页面间常常须要通报一些数据。依据本身的相识和熟习,针对差别的数据请求,总结到有几种差别的传数据体式格局,下面做一下简朴的引见归结。

第一种:页面跳转时经由过程url通报

运用wx.navigateTowx.redirectTo 的时刻,能够将部份数据放在 url 内里,并在新页面 onLoad 的时刻猎取且初始化。

//pageA.js

// Navigate
wx.navigateTo({
  url: '../pageB/pageB?name=lin&gender=male',
})

// Redirect
wx.redirectTo({
  url: '../pageB/pageB?name=lin&gender=male',
})

// pageB.js
...
Page({
  onLoad: function(option){
    console.log(option.name + 'is' + option.gender);
    this.setData({
      option: option
    });
  }
})

须要注重的问题:

  1. 运用wx.navigateTowx.redirectTo时,不许可跳转到 tab 所包括的页面;
  2. onLoad只实行一次;

实用:
这类体式格局平常实用于少数页面之间须要少许数据通报,如B页面须要A页面中的1-2个数据等等。

第二种:运用全局变量来通报

在 app.js 文件中定义全局变量 globalData,旧页面将要通报的数据赋值寄存在内里,新页面挪用全局变量猎取通报数据值。

// app.js

App({
     // 全局变量
  globalData: {
    name: null
  }
})

//pageA.js
···
getApp().globalData.name = "lin";


//pageB.js
···
this.setData({
  userName: getApp().globalData.name
});

要注重的问题:

  1. 运用的时刻,直接运用 getApp() 拿到存储的信息。

实用:
这类体式格局平常实用于多个页面或许悉数页面都须要猎取运用同一个数据,比方一开始进入首页就猎取到的用户信息等;

第三种:运用当地缓存

运用小程序中的当地缓存Storage,旧页面将通报数据存入缓存中,新页面经由过程挪用猎取缓存的API获得数据。

//pageA.js
···
wx.setStorageSync('sessionId', res.sessionId);


//pageB.js
···
var sessionId = wx.getStorageSync('sessionId');

要注重的问题:

  1. Storage每次存入会覆盖掉本来该 key 对应的内容。
  2. 假如用户主动删除小程序或因存储空间原因被体系清算,Storage中数据将被消灭。
  3. 单个 key 许可存储的最大数据长度为 1MB,一切数据存储上限为 10MB。

实用:
这类体式格局平常实用于纵然小程序退出然后再从新进入,也要保存的数据,类似于登录状况的保存等。

引荐教程:《微信小程序》

以上就是小程序页面间通报数据的体式格局的细致内容,更多请关注ki4网别的相干文章!

  选择打赏方式
微信赞助

打赏

QQ钱包

打赏

支付宝赞助

打赏

  选择分享方式
  移步手机端
小程序页面间通报数据的体式格局_微信小程序

1、打开你手机的二维码扫描APP
2、扫描左则的二维码
3、点击扫描获得的网址
4、可以在手机端阅读此文章
标签:

发表评论

选填

必填

必填

选填

请拖动滑块解锁
>>