微信小程序如何详细掌握本地数据缓存功能？

本文共计665个文字，预计阅读时间需要3分钟。

原文示例：本文实例讲述了微信小程序学习笔记之本地数据缓存功能。分享给家长供大家参考，具体如下：+ 前面介绍了微信小程序获取位置信息操作。这里再来介绍下微信小程序的本地数据缓存功能。

改写后：本文以微信小程序学习笔记为例，阐述了本地数据缓存功能。分享此内容供家长参考，具体内容如下：+ 之前已介绍微信小程序获取位置信息的方法。接下来，将介绍微信小程序的本地数据缓存功能。

本文实例讲述了微信小程序学习笔记之本地数据缓存功能。分享给大家供大家参考，具体如下：

前面介绍了微信小程序获取位置信息操作。这里再来介绍一下微信小程序的本地数据缓存功能。

wx.setStorage

wx.getStorage

以手机号+密码登录为例，把登录成功返回的token值存储在本地缓存中，然后读取缓存中的token：

login.php：

<?php header("Content-type:text/html;charset=utf-8"); $arr = array("state"=>0,"data"=>array(),"msg"=>''); $phone = $_POST['phone']; $password = $_POST['password']; if($phone && $password){ //省略验证...... //返回登录token $tokenstr = 'liweishan666'; $token = $phone.time().$tokenstr;//省略加密 $arr['state'] = 1; $arr['msg'] = '登录成功'; $arr['data']['token'] = $token; }else{ $arr['msg'] = '参数错误'; } echo json_encode($arr); die;

login.wxml：

<form bindsubmit="formSubmit" bindreset="formReset"> <view> 手机号：<input type="text" name="phone" placeholder="请输入账号" confirm-type="done" /> 密码：<input password type="number" name="password" placeholder="请输入6位密码" maxlength="6" /> </view> <view class="btn-area"> <button formType="submit">登录</button> </view> <view class="btn-area"> <button bindtap="gettoken">读取缓存token</button> </view> <view class="btn-area">{{token}}</view> </form>

login.js：

Page({ formSubmit: function (e) { wx.request({ url: 'www.msllws.top/login.php', data: { 'phone': e.detail.value.phone, 'password': e.detail.value.password }, method: 'POST', header: { 'Content-Type': 'application/x-www-form-urlencoded' }, success: function (res) { console.log(res.data); //以键值对的形式存储到本地缓存 wx.setStorage({ key: "token", data: res.data.data.token }) }, fail: function () { }, complete: function () { } }) }, gettoken: function (e) { var that = this wx.getStorage({ key: 'token', success: function (res) { that.setData({'token': res.data}) }, fail: function () { }, complete: function () { } }) } })

实现缓存的存储和读取：

wx.removeStorage

wx.removeStorage({ key: 'token', success (res) { console.log(res.data) } })

wx.clearStorage

wx.clearStorage()

希望本文所述对大家微信小程序开发有所帮助。