微信小程序学习笔记之本地数据缓存功能详解
网络编程 2021-07-04 15:50www.168986.cn编程入门
这篇文章主要介绍了微信小程序学习笔记之本地数据缓存功能,结合实例形式分析了微信小程序wx.setStorage、wx.getStorage以及wx.removeStorage、wx.clearStorage针对数据缓存的存取、删除等相关操作技巧,需要的朋友可以参考下
本文实例讲述了微信小程序学习笔记之本地数据缓存功能。分享给大家供大家参考,具体如下
前面介绍了。这里再来介绍一下微信小程序的本地数据缓存功能。
【将数据存储在本地缓存】
【读取本地缓存】
以手机号+密码登录为例,把登录成功返回的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: 'https://.msllws./login.php', data: { 'phone': e.detail.value.phone, 'password': e.detail.value.password }, method: 'POST', header: { 'Content-Type': 'application/x--form-urlencoded' }, suess: function (res) { console.log(res.data); //以键值对的形式存储到本地缓存 wx.setStorage({ key: "token", data: res.data.data.token }) }, fail: function () { }, plete: function () { } }) }, gettoken: function (e) { var that = this wx.getStorage({ key: 'token', suess: function (res) { that.setData({'token': res.data}) }, fail: function () { }, plete: function () { } }) } })
实现缓存的存储和读取
【从缓存中移除指定数据】
wx.removeStorage({ key: 'token', suess (res) { console.log(res.data) } })
【清除全部缓存数据】
wx.clearStorage()
希望本文所述对大家微信小程序开发有所帮助。
编程语言
- 甘肃哪有关键词排名优化购买方式有哪些
- 甘肃SEO如何做网站优化
- 河南seo关键词优化怎么做电话营销
- 北京SEO优化如何做QQ群营销
- 来宾百度关键词排名:提升您网站曝光率的关键
- 卢龙关键词优化:提升您网站排名的策略与技巧
- 山东网站优化的注意事项有哪些
- 四川整站优化怎样提升在搜索引擎中的排名
- 疏附整站优化:提升网站性能与用户体验的全新
- 海南seo主要做什么工作售后服务要做到哪些
- 荣昌百度网站优化:提升您网站的搜索引擎排名
- 河北seo网站排名关键词优化如何做SEO
- 江西优化关键词排名推广售后保障一般有哪些
- 古浪SEO优化:提升你的网站可见性
- 西藏网站排名优化怎么把网站排名在百度首页
- 如何提升阳东百度快照排名:详尽指南