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
})
}
}
}
})