如何在微信小程序中緩存數據

這篇文章主要介紹“如何在微信小程序中緩存數據”的相關知識，小編通過實際案例向大家展示操作過程，操作方法簡單快捷，實用性強，希望這篇“如何在微信小程序中緩存數據”文章能幫助大家解決問題。

微信小程序可以通過wx.setStorage（wx.setStorageSync）、wx.getStorage（wx.getStorageSync）、wx.clearStorage（wx.clearStorageSync）對本地緩存進行設置、獲取和清理。本地緩存最大為10MB。

wx.setStorage()---------異步設置緩存

微信官方給出的屬性

OBJECT參數說明：

調用方式：

wx.setStorage({
 key:"key",
 data:"value"
})

wx.setStorageSync()---------同步設置緩存

微信官方給出的屬性

參數說明：

調用方式：

try {
  wx.setStorageSync('key', 'value')
} catch (e) {  
}

wx.getStorage()--------異步獲取緩存

微信官方給出的屬性

OBJECT參數說明：

success返回參數說明：

調用方式：

wx.getStorage({
 key: 'key',
 success: function(res) {
   console.log(res.data)
 } 
})

wx.getStorageSync()--------同步獲取緩存數據

微信官方給出的屬性說明

參數說明：

調用方式：

try {
 var value = wx.getStorageSync('key')
 if (value) {
   // Do something with return value
 }
} catch (e) {
 // Do something when catch error
}

wx.getStorageInfo()------異步獲取當前緩存的數據

微信官方給出的屬性說明

OBJECT參數說明：

success返回參數說明：

調用方式：

wx.getStorageInfo({
 success: function(res) {
  console.log(res.keys)
  console.log(res.currentSize)
  console.log(res.limitSize)
 }
})

wx.getStorageInfoSync()-------同步獲取當前緩存數據

emmmmm---微信并沒有給參數說明

調用方式：

try {
 var res = wx.getStorageInfoSync()
 console.log(res.keys)
 console.log(res.currentSize)
 console.log(res.limitSize)
} catch (e) {
 // Do something when catch error
}

wx.removeStorage()-----異步移除指定的key的緩存數據

微信官方參數說明

OBJECT參數說明：

調用方式:

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

wx.removeStorageSync()------同步移除指定key的緩存數據

微信官方參數說明

參數說明：

調用方式：

try {
 wx.removeStorageSync('key')
} catch (e) {
 // Do something when catch error
}

wx.clearStorage()------異步清理本地緩存

調用方式：

wx.clearStorage()

wx.clearStorageSync()-------同步清理本地緩存

調用方式：

try {
  wx.clearStorageSync()
} catch(e) {
 // Do something when catch error
}

關于“如何在微信小程序中緩存數據”的內容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業相關的知識，可以關注億速云行業資訊頻道，小編每天都會為大家更新不同的知識點。