微信小程序使用本地存储方法

微信小程序提供了本地存储的方法 wx.setStorageSync() 和 wx.getStorageSync(),可以用

于在用户本地存储数据。

wx.setStorageSync()

wx.setStorageSync() 方法用于将数据存储到本地缓存中。该方法是同步的。

javascript 复制代码
wx.setStorageSync(key, data)

参数说明:

  • key:String 类型,表示要存储的数据的 key。
  • data:支持各种类型,表示要存储的数据本身。

演示:将一个字符串存储到本地缓存中。

javascript 复制代码
wx.setStorageSync('name', 'Tom');

wx.getStorageSync()

wx.getStorageSync() 方法用于从本地缓存中获取数据。该方法是同步的。

参数说明:

  • key:String 类型,表示要获取数据的 key。

演示:从本地缓存中获取之前存储的字符串。

javascript 复制代码
const name = wx.getStorageSync('name');
console.log(name); // 输出:Tom

更新数据:

要更新已经存在的数据,只需重新使用wx.setStorageSync()方法即可。

删除数据:

使用wx.removeStorageSync()方法可以从本地存储中删除数据。

清除所有数据:

使用wx.clearStorageSync()方法可以清除本地存储中所有已存储的数据。

wx.setStorage()

wx.setStorage() 方法用于异步存储数据到本地缓存中。

javascript 复制代码
wx.setStorage({
  key: 'key',
  data: 'value',
  success: function () {
    // 存储成功后的回调函数
  }
})

参数说明:

  • key:String 类型,表示要存储的数据的键名。
  • data:任意类型,表示要存储的数据。
  • success:Function 类型,表示存储成功后的回调函数。该函数无参数。

wx.getStorage()

wx.getStorage() 方法用于异步从本地缓存中获取数据。

javascript 复制代码
wx.getStorage({
  key: 'key',
  success: function (res) {
    console.log(res.data); // 输出:'value'
  }
})

参数说明:

  • key:String 类型,表示要获取数据的键名。
  • success:Function 类型,表示获取数据成功后的回调函数。该函数会接收一个对象作为参数,其中 data 属性表示获取到的数据。
相关推荐
Newway3212 小时前
便利店小程序商城如何打通总部、门店与会员
小程序·小程序商城·会员运营·连锁便利店·门店订货·o2o系统
Strawberry963 小时前
小程序视频播放官方方案
小程序
weixin_177297220695 小时前
二手旧物回收小程序先要解决的不是下单,是“上门之后价格变了怎么办“
小程序·apache
青企通5 小时前
电动车门店小程序:以旧换新估价、维修工单与电池档案的设计实现
小程序
努力变的更好6 小时前
H5与小程序之间的回调
前端·小程序·apache
镭封1 天前
自媒体内容生产怎么提速?文案整理、配音与剪辑流程
人工智能·小程序·音视频·语音识别·媒体
科威网络1 天前
小程序开发性能优化:分包、预加载与启动时间
性能优化·微信小程序·小程序
派小心.1 天前
App数据统计平台怎么选?从SDK接入到日活留存看板的技术实现
数据库·人工智能·小程序
互联网+人工智能观察1 天前
微信小程序私有化定制、源码交付方案选型|SaaS / 模板二开 / 定制方案技术对比
微信小程序·小程序
微三云 - 廖会灵 (私域系统开发)1 天前
小程序首屏从 3.2s 压到 1.1s:我们在这个订货商城项目上做的 7 个改动与 3 个踩坑
小程序