微信小程序storage缓存同步方法和异步方法的区别

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了微信小程序storage缓存同步方法和异步方法的区别相关的知识,希望对你有一定的参考价值。

参考技术A 插入 wx.setStorage wx.setStorageSync

读取 wx.getStorage wx.getStorageSync

删除 wx.removeStorage wx.removeStorageSync

清空 wx.clearStorage wx.clearStorageSync

获取缓存信息 wx.getStorageInfo wx.getStorageInfoSync

以Sync结尾都是同步方法。同步方法和异步方法的区别是:

同步方法会堵塞当前任务,直到同步方法处理返回。

异步方法不会塞当前任务。

微信小程序本地缓存保持登录状态之 wx.setStorageSync() 使用技巧

简介

微信小程序提供了一个如同浏览器 cookie 本地缓存方法,就是 wx.setStorageSync()

注意,该方法是同步请求,还有个异步请求的方法是 wx.setStorage(),参考官方文档

取出本地缓存方法 wx.getStorageSync,同样的,它也是同步请求,它也有一个异步请求方法 wx.getStorage()

使用方法

登录时候,将所需要存的字段存入本地缓存中:

// pages/daily/daily.js

// 获取本地缓存中的TOKEN
const TOKEN = wx.getStorageSync('TOKEN')

Page({
  data: {
    peopleDetails: []
  },

  /**
   * 获取每日人物信息
   */
  getCharacter() {
    // 发起网络请求
    wx.request({
      url: '<url>',
      method: 'get',
      header: {
        'content-type': 'application/json',
        Authorization: 'student ' + TOKEN
      },
      success(res) {
        console.log(res)
        if (res.code === 200) {
          this.setData({
            peopleDetails: this.data.peopleDetails.concat(JSON.parse(res.data))
          })
          console.log('peopleDetails', this.data.peopleDetails)
        } else {
          console.log('每日人物获取失败!', res.data.msg)
        }
      },
      fail(msg) {
        console.log(msg)
      }
    })
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    this.getCharacter()
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})

以上是关于微信小程序storage缓存同步方法和异步方法的区别的主要内容,如果未能解决你的问题,请参考以下文章

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

微信小程序 基础操作(边做边学)

微信小程序本地缓存保持登录状态之 wx.setStorageSync() 使用技巧

转:微信小程序之缓存,(本地缓存,同步缓存,异步缓存)

微信小程序页面之间传参

微信小程序异步请求问题