小程序基础（六）

wx存储数据到本地及本地获取

官方文档：https://developers.weixin.qq.com/miniprogram/dev/api/storage/wx.setStorageSync.html

存到本地就是存到手机的意思

1.wx.setStorageSync(string key,any data)(同步)

参数

string key
本地缓存中指定的 key

any data
需要存储的内容。只支持原生类型、Date、及能够通过JSON.stringify序列化的对象。

示例代码

test.wxml页面

<button bindtap='cun'>存数据</button>

test.js页面

cun:function(){
    wx.setStorageSync('a', 'kkk')  #存值
  }

在微信开发工具可以看到存储的值

2.wx.setStorage(Object object) （异步）

将数据存储在本地缓存中指定的 key 中。会覆盖掉原来该 key 对应的内容。除非用户主动删除或因存储空间原因被系统清理，否则数据都一直可用。单个 key 允许存储的最大数据长度为 1MB，所有数据存储上限为 10MB。

参数

示例代码

cun1:function(){
    wx.setStorage({
      key: 'bb',
      data: 'dd',
    })
  }

上面的两个就是一个是同步一个是异步的，还是有区别的，想用哪个看具体业务

3.wx.getStorageSync(string key) (同步取值)

参数
string key
本地缓存中指定的 key

返回值
any data
key对应的内容

示例代码

qu:function(){
    console.log(wx.getStorageSync('a'))  #通过存的key，来取值
  }

4.wx.getStorage(Object object)(异步取值)

从本地缓存中异步获取指定 key 的内容

参数

示例代码

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

5.wx.clearStorage和wx.clearStorageSync (异步和同步清空存储)

qu:function(){
    wx.clearStorage
    wx.clearStorageSync()
    
  }

注意:都是全部清空，不管存储多少个