重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
小编给大家分享一下微信小程序中如何实现本地数据缓存功能,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!
成都创新互联公司成都网站建设按需定制制作,是成都网站推广公司,为iso认证提供网站建设服务,有成熟的网站定制合作流程,提供网站定制设计服务:原型图制作、网站创意设计、前端HTML5制作、后台程序开发等。成都网站营销推广热线:028-86922220具体如下:
前面介绍了微信小程序获取位置信息操作。这里再来介绍一下微信小程序的本地数据缓存功能。
【将数据存储在本地缓存】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:
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()
看完了这篇文章,相信你对“微信小程序中如何实现本地数据缓存功能”有了一定的了解,如果想了解更多相关知识,欢迎关注创新互联行业资讯频道,感谢各位的阅读!