小程序數據緩存機制應用實現

小程序數據緩存相關知識

數據緩存:緩存數據,從而在小程序退出後再次打開時,可以從緩存中讀取上次保存的數據,常用的數據緩存API如下表所示:

在這裡插入圖片描述

註意:將數據存儲在本地緩存中指定的 key 中。會覆蓋掉原來該 key 對應的內容。除非用戶主動刪除或因存儲空間原因被系統清理,否則數據都一直可用。單個 key 允許存儲的最大數據長度為 1MB,所有數據存儲上限為 10MB。

參數

詳細參數請見
https://developers.weixin.qq.com/miniprogram/dev/api/storage/wx.setStorage.html

保存數據緩存

// 保存數據緩存
wx.setStorage({
  key: 'key',			// 本地緩存中指定的key
  data: 'value',		// 需要存儲的內容(支持對象或字符串)
  success: res => {},   // 接口調用成功的回調函數	
  fail: res => {}		// 接口調用失敗的回調函數
})

獲取數據緩存

// 獲取數據緩存
wx.getStorage({
  key: 'key',			// 本地緩存中指定的 key
  success: res => {		// 接口調用成功的回調函數
    console.log(res.data)
  }, 
  fail: res => {}		// 接口調用失敗的回調函數
})

示例:在onLoad中存入並獲取

// pages/test/test.js
Page({
  onLoad: function(options) {
    // 保存數據緩存
    wx.setStorage({
      key: 'key', // 本地緩存中指定的key
      data: 'value', // 需要存儲的內容(支持對象或字符串)
      success: res => {
        // 獲取數據緩存
        wx.getStorage({
          key: 'key', // 本地緩存中指定的 key
          success: res => { // 接口調用成功的回調函數
            console.log(res.data)
          },
          fail: res => { } // 接口調用失敗的回調函數
        })
      }, // 接口調用成功的回調函數
      fail: res => {} // 接口調用失敗的回調函數
    })
  }
})

到此這篇關於小程序數據緩存機制應用實現的文章就介紹到這瞭,更多相關小程序數據緩存內容請搜索WalkonNet以前的文章或繼續瀏覽下面的相關文章希望大傢以後多多支持WalkonNet!

推薦閱讀: