欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

微信小程序?qū)W習(xí)筆記之本地?cái)?shù)據(jù)緩存功能詳解

 更新時(shí)間:2019年03月29日 11:23:18   作者:李維山  
這篇文章主要介紹了微信小程序?qū)W習(xí)筆記之本地?cái)?shù)據(jù)緩存功能,結(jié)合實(shí)例形式分析了微信小程序wx.setStorage、wx.getStorage以及wx.removeStorage、wx.clearStorage針對(duì)數(shù)據(jù)緩存的存取、刪除等相關(guān)操作技巧,需要的朋友可以參考下

本文實(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)文章

  • 小程序如何使用分包加載的實(shí)現(xiàn)方法

    小程序如何使用分包加載的實(shí)現(xiàn)方法

    這篇文章主要介紹了小程序如何使用分包加載的實(shí)現(xiàn)方法,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
    2019-05-05
  • setinterval()與clearInterval()JS函數(shù)的調(diào)用方法

    setinterval()與clearInterval()JS函數(shù)的調(diào)用方法

    這篇文章主要介紹了setinterval()與clearInterval()JS函數(shù)的調(diào)用方法,實(shí)例分析了setinterval()與clearInterval()的語(yǔ)法結(jié)構(gòu)及使用技巧,需要的朋友可以參考下
    2015-01-01
  • JScript實(shí)現(xiàn)地址選擇功能

    JScript實(shí)現(xiàn)地址選擇功能

    這篇文章主要為大家詳細(xì)介紹了JScript實(shí)現(xiàn)地址選擇功能,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2017-08-08
  • 原生js封裝無(wú)縫輪播功能

    原生js封裝無(wú)縫輪播功能

    這篇文章主要為大家詳細(xì)介紹了原生js封裝無(wú)縫輪播功能,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2021-05-05
  • 標(biāo)題過(guò)長(zhǎng)使用javascript按字節(jié)截取字符串

    標(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
  • 一文教會(huì)你提高Javascript代碼效率的技巧

    一文教會(huì)你提高Javascript代碼效率的技巧

    這篇文章主要給大家介紹了關(guān)于提高Javascript代碼效率的技巧,通過(guò)這些技巧可以提高大家工作效率,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下
    2022-07-07
  • 詳解JS如何使用Promise緩存網(wǎng)絡(luò)請(qǐng)求

    詳解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-12
  • iscroll.js的上拉下拉刷新時(shí)無(wú)法回彈的解決方法

    iscroll.js的上拉下拉刷新時(shí)無(wú)法回彈的解決方法

    本文給大家分享的是在IOS瀏覽器中使用iscroll.js的上拉下拉刷新時(shí)當(dāng)手指劃出屏幕后無(wú)法回彈的解決方法,希望對(duì)大家能夠有所幫助。
    2016-02-02
  • layui的form.on的使用示例詳解

    layui的form.on的使用示例詳解

    這篇文章主要介紹了layui的form.on的使用,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
    2023-07-07
  • 微信小程序仿通訊錄功能

    微信小程序仿通訊錄功能

    這篇文章主要為大家詳細(xì)介紹了微信小程序仿通訊錄功能,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2020-04-04

最新評(píng)論