小程序页面之间如何传递数据（小程序方法之间传递参数）

最近在做一个小程序项目，发现经常需要在小程序的页面之间传递一些数据。 根据我自己的理解和知识，我得出的结论是，根据不同的数据需求，有几种不同的数据传输方式。 这里是一个简单的介绍和概述。

第一种：页面跳转时通过URL传递

当使用wx.navigateTo和wx.redirectTo时，你将一些数据放在URL中，新页面在onLoaded时可以检索并初始化它它变成了。 。

//pageA.js// Navigatewx.navigateTo({ url: '../pageB/pageB?name=lin&gender=male',})// Redirectwx.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});}})

请注意：

使用 wx.navigateto 和 wx.redirectto 时，无法跳转到选项卡中包含的页面。 >适用：该方法通常适用于几个页面之间的小数据传输，例如页面B需要来自页面A的1-2个数据。

第二：使用全局变量进行传输

在app.js文件中定义全局变量globalData。 旧页面存储传输的数据，新页面调用全局变量来检索传输的数据值。

// app.jsApp({ // 全局变量 globalData: { name: null }})//pageA.js....getApp().globalData.name = "lin";//pageB.js · · this.setData({ userName: getApp().globalData.name});

需要注意的问题：

使用时 Use getApp( ）直接检索存储的信息。

适用：该方法通常适用于需要捕获和使用相同数据的多个或所有页面，例如首次访问主页时捕获的用户信息。

第三种方法：使用本地缓存

小程序使用本地缓存存储，老页面缓存传输的数据，新页面调用缓存的API获取数据。

//pageA.js · · wx.setStorageSync('sessionId', res.sessionId);//pageB.js · · var sessionId = wx.getStorageSync('sessionId');

注意问题：

每次保存存储时，都会覆盖该密钥对应的原始内容。 如果用户主动删除小程序或者由于存储容量问题被系统删除，存储中的数据将会被删除。 单个密钥可存储的最大数据长度为1MB，所有数据存储上限为10MB。

适用：该方法一般适用于退出小程序再重新进入也需要保留数据的情况，例如保留登录状态。

推荐教程：《微信小程序》

PHP快速学习视频免费教程（从入门到精通）

如何学习PHP？ ? 我应该去哪里学习PHP？ 不用担心。 这里有一些提示提供简单的 PHP 学习教程（从初学者到专家）。 您可以保存并下载您想向其学习的朋友。

下载

这几篇文章你可能也喜欢：

• 如何实现小程序发送服务通知（小程序如何主动向用户发送通知）
• 如何获取小程序的unionid（如何获取小程序的页面路径）
• 生成海报的示例小程序（Java后端）（微信小程序生成海报演示）
• 什么是小程序？ 有哪些功能？（什么是小程序？有哪些功能？）
• 介绍如何用小程序生成参数二维码（二维码+小程序参数）

本文由主机参考刊发，转载请注明：小程序页面之间如何传递数据（小程序方法之间传递参数） https://zhujicankao.com/123648.html