微信小程序缓存获取数据的方法

  介绍

这篇文章主要介绍了微信小程序缓存获取数据的方法,具有一定借鉴价值,需要的朋友可以参考下。希望大家阅读完这篇文章后大有收获。下面让小编带着大家一起了解一下。

每个微信小程序都可以有自己的本地缓存,可以通过wx.setStorage (wx.setStorageSync) wx.getStorage (wx.getStorageSync) wx.clearStorage(天气。clearStorageSync)可以对本地缓存进行设置,获取和清理。同一个微信用户,同一个小程序存储上限为10 mb .localStorage以用户维度隔离,同一台设备上,一个用户无法读取到B用户的数据。

<强>数据常用于哪里?

对于数据需求较小的历史记录,购物车事件等都可以使用存储进行缓存,存储将数据存储在本地缓存中指定的关键中,如果重复会覆盖掉原来该密钥对应的内容可以参照微信小程序开发手册中存储的

<>强如何使用异步接口进行数据缓存?

将数据存储在本地缓存中指定的关键中,会覆盖掉原来该密钥对应的内容,这是一个异步接口。

对象参数说明:

微信小程序缓存获取数据的方法

示例代码

wx.setStorage({,关键:钥匙,   ,,,数据:value })

当setStorage之后可以去到开发者工具里面查看这是没有保存值的情况

微信小程序缓存获取数据的方法

可以看到是没有键值的那么当我们去进行输入搜索

最后再去存储中查看

微信小程序缓存获取数据的方法

获取到了一个键为历史的数组数组那么再去看看存储

微信小程序缓存获取数据的方法

得到了一个数组而且没有被覆盖,那么怎么实现的呢?先来看看js代码

搜索。js

设置数据

数据:,{   ,,,状态:假的,   ,,,inputsearch: \ & # 39; \ & # 39;   ,,,工作:[],   ,,,历史:[],   },

首先去获取中存储的值

,,onLoad:, function (选项),{   ,,,var  that =;   ,,,wx.getStorage ({   ,,,关键:,\ & # 39;历史\ & # 39;   成功,,,:,函数(res) {   ,,,,,,,that.setData ({   ,,,,,,,,,历史:res.data,   ,,,,,,,})   ,,,,,,,如果(that.data.history.length==0) {   ,,,,,,,,,that.setData ({   ,,,,,,,,,,,状态:假的   ,,,,,,,,,});   ,,,,,,,其他}{   ,,,,,,,,,that.setData ({   ,,,,,,,,,,,状态:真的   ,,,,,,,,,})   ,,,,,,,,}   ,,,,,},   ,,,,,失败:,函数(res), {   ,,,,,,,console.log (res + \ & # 39;五星级\ & # 39;)   ,,,,,}   ,,,});   },

进行搜索和缓存数据到存储中

搜索:函数(e) {   var  that =;   var  sear =this.data.inputsearch;   var 工作=this.data.job;   var  input =, new 正则表达式(烧焦);   var  temp =, [];   如果(==sear  \ & # 39; \ & # 39;) {   ,   wx.showToast ({   ,,,标题:,\ & # 39;请输入要搜索信息\ & # 39;,   ,,,图标:没有,   ,,,时间:1000年   ,,});   ,return 假;   其他}{   ,,this.data.history.unshift(烧焦);   wx.setStorage ({   ,,关键:\ & # 39;历史\ & # 39;   ,,数据:that.data.history,   ,,成功:函数(res) {   ,,,that.setData ({   ,,,,,历史:that.data.history,   ,,,,,状态:真的   ,,,})   ,,,console.log (res.data);   ,,},   })   的才能(let 小姐:=0;i微信小程序缓存获取数据的方法