欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

微信小程序 Storage API實例詳解

 更新時間:2016年10月02日 09:38:16   作者:順子_RTFSC  
這篇文章主要介紹了微信小程序 Storage API實例詳解的相關(guān)資料,需要的朋友可以參考下

其實這個存儲在新建Demo的時候就已經(jīng)用到了就是存儲就是那個logs日志,數(shù)據(jù)存儲主要分為同步和異步

異步存儲方法:

存數(shù)據(jù)

wx.setStorage(object) 相同key會覆蓋,可寫回調(diào)方法

獲取方法:

wx.getStorage(object)

清除方法:

wx.clearStorage()里面可以寫回調(diào)函數(shù) 成功,失敗,完成

同步存儲方法:

存數(shù)據(jù) 相同key會覆蓋

wx.setStorageSync(key,data)

讀數(shù)據(jù)

wx.getStorageSync(key) 存儲是指定的key

清除數(shù)據(jù)

wx.clearStorageSync() 不可寫回調(diào)方法

wxml

<!--動態(tài)獲取數(shù)據(jù)-->
<text>{{storageContent}}</text>
<!--存-->
<button type="primary" bindtap="listenerStorageSave">storage存儲信息會在text上顯示</button>
<!--取-->
<button type="primary" bindtap="listenerStorageGet">獲取storage存儲的信息</button>
<!--清-->
<button type="warn" bindtap="listenerStorageClear">清楚異步存儲數(shù)據(jù)</button>


<text>{{storageSyncContent}}</text>
<button type="primary" bindtap="listenerStorageSyncSave">storageSync存儲信息會在text上顯示</button>
<button type="primary" bindtap="listenerStorageSyncGet">獲取storageSync存儲信息</button>
<button type="warn" bindtap="listenerStorageSyncClear">清除同步存儲數(shù)據(jù)</button>

js

Page({
 data:{
  // text:"這是一個頁面"
  storageContent: '',
  storageSyncContent: ''
 },
 onLoad:function(options){
  // 頁面初始化 options為頁面跳轉(zhuǎn)所帶來的參數(shù)
 },
 /**
  * 異步存儲
  */
 listenerStorageSave: function() {
  //以鍵值對的形式存儲 傳進去的是個對象
  wx.setStorage({
   key: 'key',
   data: '我是storeage異步存儲的信息',
   success: function(res) {
    console.log(res)
   }
  })
 },
 /**
  * 異步取信息
  */
 listenerStorageGet: function() {
  var that = this;
  wx.getStorage({
   //獲取數(shù)據(jù)的key
   key: 'key',
   success: function(res) {
    console.log(res)
    that.setData({
     //
     storageContent: res.data
    })
   },
   /**
    * 失敗會調(diào)用
    */
   fail: function(res) {
    console.log(res)
   }
  })
 },

 /**
  * 清除數(shù)據(jù)
  */
 listenerStorageClear: function() {
  var that = this;
  wx.clearStorage({
   success: function(res) {
    that.setData({
     storageContent: ''
    })
   }
  })
 },


 /**
  * 數(shù)據(jù)同步存儲
  */
 listenerStorageSyncSave: function() {
  wx.setStorageSync('key', '我是同步存儲的數(shù)據(jù)')
 },

 /**
  * 數(shù)據(jù)同步獲取
  */
 listenerStorageSyncGet: function() {
  // var that = this;
  var value = wx.getStorageSync('key')
  this.setData({
   storageSyncContent: value
  })
 },

 /**
  * 清除同步存儲數(shù)據(jù)
  */
 listenerStorageSyncClear: function() {
  wx.clearStorageSync()
 },

 onReady:function(){
  // 頁面渲染完成
 },
 onShow:function(){
  // 頁面顯示
 },
 onHide:function(){
  // 頁面隱藏
 },
 onUnload:function(){
  // 頁面關(guān)閉
 }
})

感謝閱讀,希望能幫助到大家,謝謝大家對本站的支持!

相關(guān)文章

  • 詳解Jest?如何支持異步及時間函數(shù)實現(xiàn)示例

    詳解Jest?如何支持異步及時間函數(shù)實現(xiàn)示例

    這篇文章主要為大家介紹了Jest?如何支持異步及時間函數(shù)實現(xiàn)示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪
    2022-09-09
  • 微信小程序 radio單選框組件詳解及實例代碼

    微信小程序 radio單選框組件詳解及實例代碼

    這篇文章主要介紹了微信小程序 radio單選框組件詳解及實例代碼的相關(guān)資料,需要的朋友可以參考下
    2017-01-01
  • JS深入淺出Function與構(gòu)造函數(shù)

    JS深入淺出Function與構(gòu)造函數(shù)

    這篇文章主要介紹了JS深入淺出Function與構(gòu)造函數(shù),F(xiàn)unction是一個構(gòu)造函數(shù),可以通過該構(gòu)造函數(shù)去創(chuàng)建一個函數(shù),創(chuàng)建的函數(shù)是一個Function對象,具體內(nèi)容請參考下面文章的詳細內(nèi)容,需要的朋友可以參考一下
    2021-12-12
  • 微前端下element-ui彈框偏移問題解決

    微前端下element-ui彈框偏移問題解決

    本章主要是解決無界微前端環(huán)境下element-ui彈框偏移問題,如果你用的是其他微前端框架,且提供了jsloader這種預(yù)處理器,則可以舉一反三解決同樣的問題
    2023-08-08
  • JS數(shù)組去重詳情

    JS數(shù)組去重詳情

    這篇文章主要介紹JS數(shù)組去重,關(guān)于去重實際應(yīng)用中,最常用的方法就是使用Set,也可以使用第三方庫lodash來處理,下面一起來看看文章是怎么介紹JS數(shù)組去重的
    2021-11-11
  • 前端canvas中物體邊框和控制點的實現(xiàn)示例

    前端canvas中物體邊框和控制點的實現(xiàn)示例

    這篇文章主要為大家介紹了前端canvas中物體邊框和控制點的實現(xiàn)示例,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪
    2022-08-08
  • js前端架構(gòu)Git?commit提交規(guī)范

    js前端架構(gòu)Git?commit提交規(guī)范

    這篇文章主要為大家介紹了前端架構(gòu)Git?commit提交規(guī)范示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪
    2022-07-07
  • 最新評論