小程序不同页面之间的传值方式

今天来说一下小程序不同页面之间传值的几种方式:

1、URL传值

这种方式最常用,比如:

wx.navigateTo({
  url: '../detail/detail?cid='+cid+'&access_token='+access_token
})

这里面直接通过跳转页面的URL进行传值,然后在另一个页面进行接收:

onLoad: function (opt) {
  console.log('cid =' + opt.cid);
  console.log('access_token =' + opt.access_token);
}

这种传值方式只适合值比较少的时候使用,传值比较多的时候,还是建议写本地缓存~

2、本地缓存

小程序API提供了本地缓存数据的API,默认可以缓存10M的数据,如下:

wx.setStorageSync('checkin', checkin);

checkin是一个object,在需要的页面直接调用wx.getStorageSync即可获取,这样就解决了传值较少的问题了。

3、全局APP

其实还有第三种方式,就是全局APP变量。app.js和app.wxss中的代码都是全局生效的,所以我们可以利用这一点儿,在不同页面之间进行传值。

App({
  onLaunch: function () {
    
  },
  globalData: {
    host: 'https://api-xcx-qunsou.weiyoubot.cn/xcx',
    // 版本升级时这里的version加1并替换versionFeature的文案即可
    version: 2,
    versionFeature: '更新说明'
  }
})

原文发布于微信公众号 - 知晓程序员(bainaweb)

原文发表时间:2017-09-04

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏我和PYTHON有个约会

爬虫正传-江湖路远-0102-少侠师承何处

少侠初入江湖,尚不知江湖险恶,入门级别的爬虫很快就被人识破,并对爬虫程序的发起IP地址进行了封锁 WHY?因为少侠不知江湖套路,爬虫程序在网络上直接裸奔,只要...

563
来自专栏xdecode

IE之页面加载慢.

场景 场景是大屏页面一张深色背景, 里面一些文本元素以及图表展示. 结果在IE下发现加载异常缓慢, 还有部分人员反馈页面卡死. ? 后台读写优化 默认处理图片逻...

1787
来自专栏友弟技术工作室

爬虫相关总结

爬虫 在做防止网站被爬虫爬取数据的时候,其中最简单的方式就是判断请求是程序生产的,还是人为生成的。 当然,最简单的就是通过请求头进行判断。下面给一个例子: In...

2907
来自专栏kalifaの日々

python3爬取网易云音乐歌单里的歌词(含源码)

一些注意事项: 1.看了Coursera上面的python教程,里面给了一个非常简单的示例,只传一个url就获取到响应报文。然而很多网站是不能只通过一个url就...

34910
来自专栏项勇

笔记13 | 练习Volley(二)加载网络图片的三种方法

1184
来自专栏SDNLAB

使用Python-Requests实现ODL对OVS的流表下发

目标 通过ODL,在OVS上添加如下的一个group # ovs-vsctl add-br br0 # ovs-vsctl set bridge br0 pr...

3545
来自专栏菩提树下的杨过

UrlReferrer为空的问题?

官方解释:获取有关客户端上次请求的 URL 的信息,该请求链接到当前的 URL。 1.也就是说,如果用Request.Redirect之后,再用Request....

1789
来自专栏偏前端工程师的驿站

Asp.net页面生命周期

前言                                      本篇记录的是Asp.net页面生命周期,也就是管道模型的最末端HttpHandl...

1828
来自专栏盟主来了

18.5.3日报

752
来自专栏jojo的技术小屋

原 User Agent(用户代理)

作者:汪娇娇 日期:2016.8.4 顾名思义,User Agent中文名就是用户代理,简称 UA,它是一个特殊字符串头,使得服务器能够识别客户使用的操作系统及...

3327

扫描关注云+社区