微信小程式之資料快取
http://blog.csdn.net/qq_33401924/article/details/53216471
在H5之前,快取一般都是用cookie,但是cookie的儲存空間太小。於是,H5增加了新的快取機制,即localstorage 和 sessionstorage,具體的介紹就不在多說。在微信小程式中,資料快取其實就和localstorage 的原理差不多,所以理解起來並不難。下面我們來一起實現一下。
效果圖展示:
我們在index頁面存入數字11,然後在跳轉到新頁面,在將快取中的11取出渲染到當前頁面。具體程式碼如下:
index頁面:
<span style="font-size:24px;">
<view class="btn-area">
<navigator url="../navigator/navigator?title=我是navi">跳轉到新的頁面post情求</navigator>
<navigator url="../redirect/redirect?title=我是red" redirect>跳轉到當前頁面</navigator>
</view>
</span>
<view>
<input style="border:2rpx solid red" placeholder="輸入資訊" bindinput="getInput" />
<button style="border:2rpx solid yellow" bindtap="saveInput">存入</button>
</view>
- 1
index的js:
//index.js
//獲取應用例項
var app = getApp()
Page({
data: {
storage:''
},
onLoad: function () {
var that = this
//獲取輸入值
getInput:function(e){
this.setData({
storage:e.detail.value
})
},
//儲存輸入值
saveInput:function(){
wx.setStorageSync('storage', this.data.storage)
}
})
- 1
跳轉頁面:
<view>從儲存中得到的資料:{{storage}}</view>
- 1
跳轉頁面的js:
var app = getApp();
var that;
Page( {
data: {
storage:''
},
onLoad: function(options) {
that = this;
//獲取儲存資訊
wx.getStorage({
key: 'storage',
success: function(res){
// success
that.setData({
storage:res.data
})
}
})
}
})
相關文章
- 微信小程式—— 獲取資料微信小程式
- 淺談微信小程式用setStorage和getStorage快取和獲取資料微信小程式快取
- 微信清除快取資料方法快取
- 微信小程式 實現網路圖片本地快取微信小程式快取
- 【微信小程式】微信小程式掉進的坑之與後臺資料互動微信小程式
- 微信小程式資料處理微信小程式
- 微信小程式父子元件之間的資料傳遞微信小程式元件
- 微信小程式踩坑之獲取手機號微信小程式
- .NET之頁面資料快取快取
- 二次封裝的快取框架wCache(支援快取時間、預設值)--微信小程式封裝快取框架微信小程式
- 微信小程式之支付微信小程式
- 系統快取全解析4:應用程式資料快取快取
- 爬蟲爬取微信小程式爬蟲微信小程式
- 備忘錄:C#獲取微信小程式的雲資料庫中資料C#微信小程式資料庫
- 微信小程式大型系統架構中應用Redis快取要點微信小程式架構Redis快取
- 微信小程式資料傳遞總結微信小程式
- 微信小程式-檢視資料繫結微信小程式
- 微信小程式資料資料繫結顯示NaN微信小程式NaN
- 微信小程式獲取當前位置微信小程式
- 小程式 · 最近瀏覽存入快取快取
- .net資料快取快取
- 微信小程式之小白教程系列 第二篇 微信小程式 -- 入口微信小程式
- 微信小程式變現駛入快車道微信小程式
- 微信小程式之:小程式接入高德地圖SDK微信小程式地圖
- 微信小程式之-NBA線上直播小程式開發微信小程式
- Android清除本地資料快取程式碼Android快取
- 微信小程式--資料共享與方法共享微信小程式
- 微信小程式之『自定義toast』微信小程式AST
- 一個Accecc_Token生成和快取和讀取類,微信/小程式開發必須學快取
- Vue SSR服務端渲染之資料快取Vue服務端快取
- 微信小程式 獲取使用者資訊微信小程式
- 微信小程式獲取openid,unionid微信小程式
- java微信小程式獲取ACCESS_TOKENJava微信小程式
- 微信小程式資源合集微信小程式
- 微信小程式呼叫騰訊地圖獲取jsonp資料 解析詳細地址資訊微信小程式地圖JSON
- 微信Access Token 快取方法快取
- 微信開發之小程式獲取手機號授權登入
- 微信小程式之提高應用速度小技巧微信小程式