小編給大家分享一下微信小程序中如何實現(xiàn)本地數(shù)據(jù)緩存功能，希望大家閱讀完這篇文章之后都有所收獲，下面讓我們一起去探討吧！

成都創(chuàng)新互聯(lián)公司成都網(wǎng)站建設按需定制制作，是成都網(wǎng)站推廣公司,為iso認證提供網(wǎng)站建設服務,有成熟的網(wǎng)站定制合作流程，提供網(wǎng)站定制設計服務：原型圖制作、網(wǎng)站創(chuàng)意設計、前端HTML5制作、后臺程序開發(fā)等。成都網(wǎng)站營銷推廣熱線：028-86922220

具體如下：

前面介紹了微信小程序獲取位置信息操作。這里再來介紹一下微信小程序的本地數(shù)據(jù)緩存功能。

【將數(shù)據(jù)存儲在本地緩存】wx.setStorage

【讀取本地緩存】wx.getStorage

以手機號+密碼登錄為例，把登錄成功返回的token值存儲在本地緩存中，然后讀取緩存中的token：

login.php：

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'] = '參數(shù)錯誤';
  }
  echo json_encode($arr);
  die;	

login.wxml：

 
  手機號：
  密碼：
 
 
  登錄
 

 
  讀取緩存token
 

 {{token}}

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 () { }
  })
 }
})

實現(xiàn)緩存的存儲和讀取：

【從緩存中移除指定數(shù)據(jù)】wx.removeStorage

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

 【清除全部緩存數(shù)據(jù)】wx.clearStorage

wx.clearStorage()

看完了這篇文章，相信你對“微信小程序中如何實現(xiàn)本地數(shù)據(jù)緩存功能”有了一定的了解，如果想了解更多相關(guān)知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝各位的閱讀！

文章名稱：微信小程序中如何實現(xiàn)本地數(shù)據(jù)緩存功能-創(chuàng)新互聯(lián)
當前鏈接：http://weahome.cn/article/dgpdsp.html