微信小程序?qū)W習(xí)筆記之本地?cái)?shù)據(jù)緩存功能詳解
本文實(shí)例講述了微信小程序?qū)W習(xí)筆記之本地?cái)?shù)據(jù)緩存功能。分享給大家供大家參考,具體如下:
前面介紹了微信小程序獲取位置信息操作。這里再來(lái)介紹一下微信小程序的本地?cái)?shù)據(jù)緩存功能。
【將數(shù)據(jù)存儲(chǔ)在本地緩存】wx.setStorage
【讀取本地緩存】wx.getStorage
以手機(jī)號(hào)+密碼登錄為例,把登錄成功返回的token值存儲(chǔ)在本地緩存中,然后讀取緩存中的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){ //省略驗(yàn)證...... //返回登錄token $tokenstr = 'liweishan666'; $token = $phone.time().$tokenstr;//省略加密 $arr['state'] = 1; $arr['msg'] = '登錄成功'; $arr['data']['token'] = $token; }else{ $arr['msg'] = '參數(shù)錯(cuò)誤'; } echo json_encode($arr); die;
login.wxml:
<form bindsubmit="formSubmit" bindreset="formReset"> <view> 手機(jī)號(hào):<input type="text" name="phone" placeholder="請(qǐng)輸入賬號(hào)" confirm-type="done" /> 密碼:<input password type="number" name="password" placeholder="請(qǐng)輸入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://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); //以鍵值對(duì)的形式存儲(chǔ)到本地緩存 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 () { } }) } })
實(shí)現(xiàn)緩存的存儲(chǔ)和讀?。?/p>
【從緩存中移除指定數(shù)據(jù)】wx.removeStorage
wx.removeStorage({ key: 'token', success (res) { console.log(res.data) } })
【清除全部緩存數(shù)據(jù)】wx.clearStorage
wx.clearStorage()
希望本文所述對(duì)大家微信小程序開發(fā)有所幫助。
相關(guān)文章
setinterval()與clearInterval()JS函數(shù)的調(diào)用方法
這篇文章主要介紹了setinterval()與clearInterval()JS函數(shù)的調(diào)用方法,實(shí)例分析了setinterval()與clearInterval()的語(yǔ)法結(jié)構(gòu)及使用技巧,需要的朋友可以參考下2015-01-01標(biāo)題過(guò)長(zhǎng)使用javascript按字節(jié)截取字符串
在網(wǎng)頁(yè)展示中經(jīng)常會(huì)碰到,標(biāo)題過(guò)長(zhǎng),需要截取字符串,用CSS的實(shí)現(xiàn)的話各種兼容問(wèn)題,下面為大家介紹下javascript如何按字節(jié)截取字符串2014-04-04詳解JS如何使用Promise緩存網(wǎng)絡(luò)請(qǐng)求
網(wǎng)絡(luò)請(qǐng)求是現(xiàn)代Web應(yīng)用中的常見操作,很多時(shí)候需要獲取服務(wù)器上的數(shù)據(jù),在進(jìn)行網(wǎng)絡(luò)請(qǐng)求時(shí),為了減輕服務(wù)器的壓力,緩存策略常被用來(lái)避免對(duì)同一數(shù)據(jù)的重復(fù)請(qǐng)求,本文將探討如何使用Promise結(jié)合緩存來(lái)高效處理網(wǎng)絡(luò)請(qǐng)求,需要的朋友可以參考下2023-12-12iscroll.js的上拉下拉刷新時(shí)無(wú)法回彈的解決方法
本文給大家分享的是在IOS瀏覽器中使用iscroll.js的上拉下拉刷新時(shí)當(dāng)手指劃出屏幕后無(wú)法回彈的解決方法,希望對(duì)大家能夠有所幫助。2016-02-02