微信小程序中怎么实现本地数据缓存功能

本篇内容主要讲解"微信小程序中怎么实现本地数据缓存功能"，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习"微信小程序中怎么实现本地数据缓存功能"吧!

【将数据存储在本地缓存】wx.setStorage

【读取本地缓存】wx.getStorage

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

login.php：

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：

   手机号：  密码：    登录    读取缓存token  {{token}}

login.js：

Page({ formSubmit: function (e) {  wx.request({   url: 'https://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()

到此，相信大家对"微信小程序中怎么实现本地数据缓存功能"有了更深的了解，不妨来实际操作一番吧！这里是网站，更多相关内容可以进入相关频道进行查询，关注我们，继续学习！