微信小程序缓存的放入与取出-Toy模板网

这篇具有很好参考价值的文章主要介绍了微信小程序缓存的放入与取出。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

wx.setStorage(Object object)将数据存储在本地缓存中指定的 key 中。会覆盖掉原来该 key 对应的内容。除非用户主动删除或因存储空间原因被系统清理，否则数据都一直可用。单个 key 允许存储的最大数据长度为 1MB，所有数据存储上限为 10MB。
官方文档给出的示例代码：

wx.setStorage({
  key:"key",
  data:"value"
})

// 开启加密存储
wx.setStorage({
  key: "key",
  data: "value",
  encrypt: true, // 若开启加密存储，setStorage 和 getStorage 需要同时声明 encrypt 的值为 true
  success() {
    wx.getStorage({
      key: "key",
      encrypt: true, // 若开启加密存储，setStorage 和 getStorage 需要同时声明 encrypt 的值为 true
      success(res) {
        console.log(res.data)
      }
    })
  }
})

用在登录时缓存数据：

wx.getUserProfile({
      desc: '获取用户信息',
      success: (res) => {
        console.log(res)
        let user = res.userInfo
        this.setData({
          userInfo: res.userInfo,
          hasUserInfo: true,
        })
        var encryptedData = res.encryptedData;
        var iv = res.iv;
        wx.login({
          success: (res) => {
            if (res.code) {
              console.log("res.code is " + res.code)
              wx.request({
                url: '',
                method: 'Get',
                header: {
                  'content-type': 'application/x-www-form-urlencoded',
                },
                data: {
                  code: res.code,
                  encryptedData: encryptedData,
                  iv: iv,
                },
                success(res) {
                  console.log("res.data.openid is",res.data.openid)
                  openid: res.data.openid
                  //请求成功之后，把openid放到储存里面
                  wx.setStorage({
                    key: 'openid',
                    data: res.data.openid
                  })
                }
              })
            } else {
              console.log("登陆失败!" + res.errMsg)
            }
          }
        })
      }
    })

可以看到控制台storage中有相应数值：
微信小程序获取缓存数据,笔记,小程序,前端,微信小程序,小程序,javascript,uniapp

wx.getStorage(Object object)从本地缓存中异步获取指定 key 的内容。
官方文档给出的示例代码：

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

// 开启加密存储
wx.setStorage({
  key: "key",
  data: "value",
  encrypt: true, // 若开启加密存储，setStorage 和 getStorage 需要同时声明 encrypt 的值为 true
  success() {
    wx.getStorage({
      key: "key",
      encrypt: true, // 若开启加密存储，setStorage 和 getStorage 需要同时声明 encrypt 的值为 true
      success(res) {
        console.log(res.data)
      }
    })
  }
})

实际应用在页面获取缓存中的name，用到wx.getStorage

data: {
	name: ''
},
onLoad: function(options) {
	let that = this
	wx.getStorage({
      key: 'name',
      success(res) {
        console.log(res.data)
        that.setData({
          name: res.data
        })
     })
},

onReady: function() {
	console.log(this.data.name)
}

在用到的地方直接取wx.getStorageSync('key');
官方文档关于数据缓存：https://developers.weixin.qq.com/miniprogram/dev/api/storage/wx.setStorageSync.html文章来源地址https://www.toymoban.com/news/detail-569631.html

到了这里，关于微信小程序缓存的放入与取出的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！