微信小程序数据存储与取值详解

前端之家收集整理的这篇文章主要介绍了微信小程序数据存储与取值详解前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

小程序开发的过程,经常要需要这个页面输入的数据,在下一个页面中进行取值赋值。

比如:

@H_404_9@

在A页面input输入框,输入电话号码,点击添加。需要在B页面电话区域中,显示刚刚输入的电话号码。

因为这是两个页面,就需要先存储,再取值。微信小程序提供了数据存储的API,内容。

思路是,在A页面,使用获取input输入的值,赋值给一个变量(自定义),点击添加按钮时,如果变量不为空,将变量的值存储在本地缓存中,在B页面,使用方法取值;

ps : 源代码页面底部

代码如下:

对input输入框,绑定事件添加点击事件

在JS文件添加代码

B页面代码

在JS文件中,声明变量addtel。在页面切换过来的时候,取出我们刚存储的值,赋值给变量addtel。在需要显示电话号码的地方,用变量来接收。

在JS文件添加代码

这里在onShow的方法中进行取值,当小程序启动,或从后台进入前台显示,就会触发 onShow。

不过,每个微信小程序都可以有自己的本地缓存,使用这些方法时,要注意本地缓存最大为10MB,获取和清理。。

也可以使用

代码写完之后,进行测试。

在输入框中输入电话号码,点击添加

OK,取值成功。

A页面代码:

用户点击确定') } } }) } },onload:function(){ //onload }

})

B页面代码

其他相关资料可以查阅小程序官方API

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程之家。

猜你在找的微信小程序相关文章