微信小程序学习笔记之本地数据缓存功能详解

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

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

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

【读取本地缓存】wx.getStorage

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

login.php:

？服务器端编程语言（Professional Hypertext Preprocessor的缩写）标题('内容类型：文本/html；charset=utf-8 ')；$arr=array('state'=0，' data'=array()，' msg '=' ')；$ phone=$ _ POST[' phone ']；$ password=$ _ POST[' password ']；if($phone $password){//省略验证.//返回登录token $ token str=' liweishan 666 $ token=$ phone . time().$ tokenstr//省略加密$ arr[' state ']=1；$arr['msg']='登录成功；$ arr[' data '][' token ']=$ token；}else{$arr['msg']='参数错误；} echo JSON _ encode($ arr)；死去；login.wxml:

表单绑定提交='表单提交'绑定重置='表单重置'视图手机号：输入类型=“文本”名称='电话'占位符='请输入账号确认-类型='完成'/密码：输入密码类型='数字'名称='密码'占位符='请输入6位密码maxlength=' 6 '/view view class=' BTN-area '按钮formTYPe=' submit '登录/button/view view class=' BTN-area '按钮bind tap=' gettoken '读取缓存令牌/按钮/视图视图类=' BTN-区域" {令牌} }/视图/表单登录。js:

页面({ formsubmit :函数(e){ wx。请求({ URL : ' https://www。msllws。top/登录。PHP '，数据： { ' phone ' : e . detail。价值。电话，“密码”: e .详情。价值。密码}，方法： 'POST '，标头： { ' Content-Type ' : ' application/x-www-form-URL encoded ' })//以键值对的形式存储到本地缓存wx.setStorage({ key: 'token '，data : RES . data。数据。token })}、fail: function () { }、complete : function(){ })}、gettokenn : function(e){ var即=this wx。getstorage({ key : ' token '，success : function(RES){即。setdata({ ' token ' : RES . data })}，fail 3333:)实现缓存的存储和读取：

【从缓存中移除指定数据】wx.removeStorage

wx。removestorage({ key : ' token '，success(RES){ console。日志(RES . data)} })】清除全部缓存数据】wx.clearStorage

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