小程序学习之数据缓存API（二）数据的获取

1.异步获取数据

使用异步接口wx.getStorage(OBJECT)从本地缓存中异步获取指定的key对应的内容，参数说明如下：

success()返回参数data表示key对应的内容，该值为String类型

示例代码格式如下：

其中，引号中key可替换成实际用到的KEY名称，且success()函数中的res.data就是需要获取的缓存数据

2.同步获取数据

使用同步接口wx.getStorageSync(KEY)从本地缓存中同步获取指定KEY对应的内容，参数说明如下：

示例代码格式：

简单应用示例：

<!--wxml-->
<view class="title">数据存储的简单应用</view>
<view class="demo-box">
  <view class="title">wx.getStorage(OBJECT)异步存储</view>
  <input name="key" placeholder="请输入KEY名称" bindblur="keyInput"></input>
  <button type="primary" bindtap="getStorage">数据异步获取</button>
  <view class="title">DATA值：{{data}}</view>
</view>
<view class="demo-box">
  <view class="title">wx.getStorageSync(OBJECT)同步存储</view>
  <input name="key1" placeholder="请输入KEY名称" bindblur="keyInput1"></input>
  <button type="primary" bindtap="getStorageSync">数据同步获取</button>
  <view class="title">DATA值：{{data1}}</view>
</view>

//js
Page({
  data:{
    key:'',
    data:'尚未获取',
    key1:'',
    data1:'尚未获取'
  },
  keyInput:function(e){
    this.setData({
      key:e.detail.value
    })
  },
  getStorage:function(){
    var that = this
    let key = this.data.key
    if(key.length==0){
      wx.showToast({
        title: 'KEY不能为空',
        icon: 'none'
      })
    }else{
      wx.getStorage({
        key:key,
        success: function(res) {
          that.setData({           
            data:res.data
          })
        }
      })
    }
  },
  keyInput1: function (e) {
    this.setData({
      key1: e.detail.value
    })
  },
  getStorageSync: function () {
    var that = this
    let key = this.data.key1
    if (key.length == 0) {
      wx.showToast({
        title: 'KEY不能为空',
        icon: 'none'
      })
    } else {
      var value = wx.getStorageSync(key);
      if(value){
        that.setData({
          data1:value
        })
      }
    }
  }
})