微信小程序中怎么實現本地數據緩存功能

蝸牛 互聯網技術資訊 2022-04-08 147 0

本篇內容主要講解“微信小程序中怎么實現本地數據緩存功能”,感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷,實用性強。下面就讓小編來帶大家學習“微信小程序中怎么實現本地數據緩存功能”吧!

【將數據存儲在本地緩存】wx.setStorage

【讀取本地緩存】wx.getStorage

以手機號+密碼登錄為例,把登錄成功返回的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://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?()?{?}
??})
?}
})

實現緩存的存儲和讀?。?/p>

微信小程序中怎么實現本地數據緩存功能  微信小程序 第1張

【從緩存中移除指定數據】wx.removeStorage

wx.removeStorage({
?key:?'token',
?success?(res)?{
??console.log(res.data)
?}?
})

?【清除全部緩存數據】wx.clearStorage

wx.clearStorage()

到此,相信大家對“微信小程序中怎么實現本地數據緩存功能”有了更深的了解,不妨來實際操作一番吧!這里是蝸牛博客網站,更多相關內容可以進入相關頻道進行查詢,關注我們,繼續學習!

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:niceseo99@gmail.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

評論

日本韩欧美一级A片在线观看