范围:深圳yaboapp开发,软件定制开发,yaboapp软件开发公司,深圳软件外包公司.TEL:3447249690
当前位置:首页 > app小程序

yabo-微信小程序缓存获取数据教程

06-25 yaboAPP
摘要:每一个微信小法式都可以有本身的当地缓存,可以对当地缓存进行设置、获得和清算。

每一个微信小法式都可以有本身的当地缓存,可以经由过程 wx.setStorage(wx.setStorageSync)、wx.getStorage(wx.getStorageSync)、wx.clearStorage(wx.clearStorageSync)可以对当地缓存进行设置、获得和清算。统一个微信誉户,统一个小法式 storage 上限为10MB。localStorage 以用户维度隔离,统一台装备上,A 用户没法读取到 B 用户的数据。

数据经常使用在哪里?

对数据需求较小的汗青记实、购物车事务等都可使用storage进行缓存,Storage将数据存储在当地缓存中指定的key中,假如反复会笼盖失落本来该key对应的内容 可以参照微信小法式开辟手册中的Storage

若何利用异步接口进行数据缓存?

将数据存储在当地缓存中指定的key中,会笼盖失落本来该key对应的内容,这是一个异步接口。

OBJECT参数申明:

/

示例代码

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

当setStorage以后可以去到开辟者东西里面查看 这是没有保留值的环境

/

可以看到是没有key

值的 那末当我们去进行输入搜刮

最后再去storage

中查看

/

获得到了一个key为history的Array

数组 那末再去看看storage

/

获得了一个数组并且没有被笼盖,那末怎样实现的呢? 先来看看js代码

search.js

设置data

data: { status:false, inputsearch:\'\', job:[], history:[],

},

起首去获得storage中的值

onLoad: function (options) { var that =this; wx.getStorage({ key: \'history\', success: function(res){ that.setData({ history:res.data, }) if(that.data.history.length==0){ that.setData({ status:false }); }else{ that.setData({ status:true }) } }, yabo fail: function(res) { console.log(res+\'aaaaa\') } }); },

进行搜刮缓和存数据到storage中

search:function(e){

var that =this;

var sear =this.data.inputsearch;

var jobs=this.data.job;

var input = new RegExp(sear);

var temp = [];

if(sear == \'\'){

wx.showToast({ title: \'请输入要搜刮信息\', icon:none, duration: 1000 }); return false; }else{ this.data.history.unshift(sear); wx.setStorage({ key: \'history\', data: that.data.history, success: function(res){ that.setData({ history:that.data.history, status:true }) console.log(res.data); }, }) for(let i =0;i if(input.test(jobs[i].job) || input.test(jobs[i].company) || input.test(jobs[i].address)){ temp.push(jobs[i]); var detail=temp; app.globalData.details=detail; } } if(temp ==\'\'){ wx.showToast({ title: \'暂无此信息\', icon:none, duration: 1000 }); this.setData({ inputsearch:\'\' }) }else if(temp){ wx.navigateTo({ url:\'../about/about\' }) this.setData({ inputsearch:\'\' }) } } },

将storage中的key值设为hisotry

wx.setStorage({ key: \'history\', data: that.data.history,

)}

界说一个数组 history 空数组去获得 storage 中的值,起首是去查询有无该 key 值,假如没有则 fail ,那末 history 仍然为空数组

wx.setStorage({ key: \'history\', data: that.data.history, success: function(res){ that.setData({ history:that.data.history, status:true }) },

})

返回获得 history 以后再去将 inputsearch 的值添加到 history 中

这里有个误区可能你会将输入的值inputsearch push到一个新的空数组,然后再将这个新数组push到history数组中,但这个方式明显不成行,你添加上后新数组将会寄存在history数组的第一个下标的数组下,对history数组也就只有两个值

好了,回到我要说的,那末若何将 inputsearch 添加到 history 中呢,可使用 unshift 方式或 push 方式,这里应当利用 unshift 应当将每一个新增值寄存在 history 的第一个位置,这是其实就是一个用户体验问题了

var that =this;

var sear =this.data.inputsearch;

this.data.history.unshift(sear);

wx.setStorage({ key: \'history\', data: that.data.history, success: function(res){ that.setData({ history:that.data.history, status:true }) console.log(res.data); }, })

好了,如许就不会呈现“笼盖失落”本来的 key 值的问题了

相干资讯:微信小法式微信小法式开辟教程

版权保护: 本文由 yaboapp开发 原创
转载请保留链接: http://www.

关于我们      深圳yabo定制开发软件有限公司,自2013年成立以来,为上千家企业提供软件外包、系统软件开发、yaboapp开发、微信公众号开发、深圳yabo小程序开发等各种优秀的软件定制开发服务.关键词:软件外包公司、手机软件开发、app制作开发、手机yaboapp开发、小程序开发公司【TEL】:3447249690 微信:3447249690 QQ:3447249690
  • 1578文章总数
  • 13访问次数
  • 建站天数