怎么實(shí)現(xiàn)一個(gè)小程序數(shù)據(jù)緩存機(jī)制

怎么實(shí)現(xiàn)一個(gè)小程序數(shù)據(jù)緩存機(jī)制？相信很多沒有經(jīng)驗(yàn)的人對(duì)此束手無策，為此本文總結(jié)了問題出現(xiàn)的原因和解決方法，通過這篇文章希望你能解決這個(gè)問題。

小程序數(shù)據(jù)緩存相關(guān)知識(shí)

數(shù)據(jù)緩存：緩存數(shù)據(jù)，從而在小程序退出后再次打開時(shí)，可以從緩存中讀取上次保存的數(shù)據(jù)，常用的數(shù)據(jù)緩存API如下表所示：

注意：將數(shù)據(jù)存儲(chǔ)在本地緩存中指定的 key 中。會(huì)覆蓋掉原來該 key 對(duì)應(yīng)的內(nèi)容。除非用戶主動(dòng)刪除或因存儲(chǔ)空間原因被系統(tǒng)清理，否則數(shù)據(jù)都一直可用。單個(gè) key 允許存儲(chǔ)的最大數(shù)據(jù)長度為 1MB，所有數(shù)據(jù)存儲(chǔ)上限為 10MB。

參數(shù)

詳細(xì)參數(shù)請(qǐng)見
https://developers.weixin.qq.com/miniprogram/dev/api/storage/wx.setStorage.html

保存數(shù)據(jù)緩存

// 保存數(shù)據(jù)緩存
wx.setStorage({
  key: 'key',			// 本地緩存中指定的key
  data: 'value',		// 需要存儲(chǔ)的內(nèi)容（支持對(duì)象或字符串）
  success: res => {},   // 接口調(diào)用成功的回調(diào)函數(shù)	
  fail: res => {}		// 接口調(diào)用失敗的回調(diào)函數(shù)
})

獲取數(shù)據(jù)緩存

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

示例：在onLoad中存入并獲取

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

看完上述內(nèi)容，你們掌握怎么實(shí)現(xiàn)一個(gè)小程序數(shù)據(jù)緩存機(jī)制的方法了嗎？如果還想學(xué)到更多技能或想了解更多相關(guān)內(nèi)容，歡迎關(guān)注億速云行業(yè)資訊頻道，感謝各位的閱讀！