首页 > 代码库 > 微信小程序把玩(三十六)Storage API

微信小程序把玩(三十六)Storage API

原文:微信小程序把玩(三十六)Storage API

技术分享

其实这个存储在新建Demo的时候就已经用到了就是存储就是那个logs日志,数据存储主要分为同步和异步

异步存储方法:

存数据
wx.setStorage(object) 相同key会覆盖,可写回调方法

技术分享

获取方法:

wx.getStorage(object)

技术分享

清除方法:

wx.clearStorage()里面可以写回调函数 成功,失败,完成

同步存储方法:

存数据 相同key会覆盖

wx.setStorageSync(key,data)

读数据

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

清除数据

wx.clearStorageSync() 不可写回调方法

wxml

<!--动态获取数据--><text>{{storageContent}}</text><!--存--><button type="primary" bindtap="listenerStorageSave">storage存储信息会在text上显示</button><!--取--><button type="primary" bindtap="listenerStorageGet">获取storage存储的信息</button><!--清--><button type="warn" bindtap="listenerStorageClear">清楚异步存储数据</button><text>{{storageSyncContent}}</text><button type="primary" bindtap="listenerStorageSyncSave">storageSync存储信息会在text上显示</button><button type="primary" bindtap="listenerStorageSyncGet">获取storageSync存储信息</button><button type="warn" bindtap="listenerStorageSyncClear">清除同步存储数据</button>

js

Page({  data:{    // text:"这是一个页面"    storageContent: ‘‘,    storageSyncContent: ‘‘  },  onl oad:function(options){    // 页面初始化 options为页面跳转所带来的参数  },  /**   * 异步存储   */  listenerStorageSave: function() {    //以键值对的形式存储 传进去的是个对象    wx.setStorage({      key: ‘key‘,      data: ‘我是storeage异步存储的信息‘,      success: function(res) {        console.log(res)      }    })  },  /**   * 异步取信息   */  listenerStorageGet: function() {    var that = this;    wx.getStorage({      //获取数据的key      key: ‘key‘,      success: function(res) {        console.log(res)        that.setData({          //          storageContent: res.data        })      },      /**       * 失败会调用       */      fail: function(res) {        console.log(res)      }    })  },  /**   * 清除数据   */  listenerStorageClear: function() {    var that = this;    wx.clearStorage({      success: function(res) {        that.setData({          storageContent: ‘‘        })      }    })  },  /**   * 数据同步存储   */  listenerStorageSyncSave: function() {    wx.setStorageSync(‘key‘, ‘我是同步存储的数据‘)  },  /**   * 数据同步获取   */  listenerStorageSyncGet: function() {    // var that = this;    var value = http://www.mamicode.com/wx.getStorageSync(‘key‘)    this.setData({      storageSyncContent: value    })  },  /**   * 清除同步存储数据   */  listenerStorageSyncClear: function() {    wx.clearStorageSync()  },  onReady:function(){    // 页面渲染完成  },  onShow:function(){    // 页面显示  },  onHide:function(){    // 页面隐藏  },  onUnload:function(){    // 页面关闭  }})
<script type="text/javascript"> $(function () { $(‘pre.prettyprint code‘).each(function () { var lines = $(this).text().split(‘\n‘).length; var $numbering = $(‘
    ‘).addClass(‘pre-numbering‘).hide(); $(this).addClass(‘has-numbering‘).parent().append($numbering); for (i = 1; i <= lines; i++) { $numbering.append($(‘
  • ‘).text(i)); }; $numbering.fadeIn(1700); }); }); </script>

    微信小程序把玩(三十六)Storage API