【微信小程序】开发实战 之 本地数据缓存API

每个小程序都可以有自己的本地缓存,可以通过数据缓存的API实现对本地缓存进行设置、获取和清理。本地缓存最大为10M。

设置本地缓存

1?wx.setStorage(OBJECT)

该接口是异步接口,用于将数据存储在本地缓存中指定的key中。会覆盖掉该key对应的原来的内容。

该接口参数:

参数key,     string类型,         必填项,本地缓存中指定的key。

参数data,   object/string类型,必填项,需要存储的内容。

参数success,fail,complete,均为Function类型,分别对应接口调用成功、失败和结束时的回调函数。

示例代码:

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

2?wx.setStorageSync(KEY,DATA)

该接口是同步接口,用于将data存储在本地缓存中指定的key中。会覆盖掉该key对应的原来的内容。

该接口参数:

参数key,     string类型,         必填项,本地缓存中指定的key。

参数data,   object/string类型,必填项,需要存储的内容。

示例代码:

try{
    wx.setStorageSync(‘key‘, ‘value‘)
}catch(e) {
}

获取/删除 本地缓存

1?wx.getStorage (OBJECT) 和 wx.removeStroage (OBJECT)

wx.getStorage (OBJECT) 用于从本地缓存中异步获取指定key对应的内容。

wx.removeStroage (OBJECT) 用于从本地缓存中异步删除指定key对应的内容。

该接口参数:

参数key,          string类型,          必填项,本地缓存中指定的key。

参数success,   Function类型,      必填项,接口调用成功时的回调函数,res = {data: key 对应的内容}

参数fail,        Function类型,      非必填,接口调用失败时的回调函数

参数complete,  Function类型,      非必填,接口调用结束时的回调函数(调用成功或失败都会执行)

示例代码:

wx.getStorage({
    key: ‘key‘,
    success: function(res) {
        console.log(res.data)
    }
});

wx.removeStorage({
    key: ‘key‘,
    success: function(res) {
        console.log(res.data)
    }
})

2?wx.getStorageSync (KEY) 和 wx.removeStroageSync (KEY)

wx.getStorage (KEY) 用于从本地缓存中同步获取指定key对应的内容。

wx.removeStroage (KEY) 用于从本地缓存中同步删除指定key对应的内容。

参数为key,必填项,是本地缓存中的指定的key。

var value = wx.getStorage(‘key‘)
if (value) {
    //Do something with return value
}

try {
    wx.removeStorageSync(‘key‘)
} catch(e) {
    //Do something when catch error
}

原文地址:https://www.cnblogs.com/idreamo/p/10994719.html

时间: 2024-11-08 08:22:35

【微信小程序】开发实战 之 本地数据缓存API的相关文章

微信小程序开发实战视频教程

微信小程序开发实战视频教程发布 腾讯终于发布了没有APPid,无需申请也可以进行微信小程序开发的视频教程了,我在在第一时间尝试并发布了这7个小视频教程,入门足够了.... 各位免费拿去,慢慢享用: 链接: https://pan.baidu.com/s/1o7DX7q6 密码: ztzq 也可以添加 微信小程序开发者交流QQ群:434276993,只欢迎对微信小程序开发有兴趣的朋友,其他勿加,感谢.

微信小程序开发实战视频教程发布

昨日(9月23),腾讯终于发布了没有APPid,无需申请也可以进行微信小程序开发的视频教程了,我在在第一时间尝试并发布了这7个小视频教程,入门足够了.... 各位免费拿去,慢慢享用: 链接: https://pan.baidu.com/s/1o7DX7q6 密码: ztzq 也可以添加 微信小程序开发者交流QQ群:434276993,只欢迎对微信小程序开发有兴趣的朋友,其他勿加,感谢.

小程序·巧应用,微信小程序开发实战

系统全面地讲解微信小程序的开发技术.开篇创建一个小程序项目并解析体验,介绍如何由零开始创建一个小程序,全面体验小程序的开发工具.界面.开发框架.实现过程及其主要代码框架,了解小程序的应用场景及开发要求.接着介绍小程序开发基础,包括小程序开发的语言与语法.函数方法.模块.事件交互等.然后详细介绍了组件的应用与开发,包括开发过程与组件应用技巧,还详细分析了API接口,包括使用各个微信原生API接口进行小程序开发的技巧.最后介绍了几个小程序实战案例,让读者实践小程序各项能力的应用及掌握一些应用技巧.本

微信开发(2)---微信小程序开发实战part1

微信开发现在来说,简单可以概括为两部分,微信公众号和微信小程序. 微信公众号的技术已经非常成熟.分为服务号和订阅号.简单的.可以弄一个个人订阅号,在编辑模式下就可以实现推送图文.自动回复.自定义菜单的常用功能.切换至开发模式,可以搭服务器,使用php语言及各种成熟接口完成自己想要实现的功能,相对而言非常方便.大家对公众号感兴趣的可以自己去注册个个人订阅号探索一下,微信公众平台跳转: https://mp.weixin.qq.com/ 再来说微信小程序,16年初上线示例,到现在技术已经基本趋于成熟

小程序+巧应用-微信小程序开发实战pdf

下载地址:网盘下载 系统全面地讲解微信小程序的开发技术.开篇创建一个小程序项目并解析体验,介绍如何由零开始创建一个小程序,全面体验小程序的开发工具.界面.开发框架.实现过程及其主要代码框架,了解小程序的应用场景及开发要求.接着介绍小程序开发基础,包括小程序开发的语言与语法.函数方法.模块.事件交互等.然后详细介绍了组件的应用与开发,包括开发过程与组件应用技巧,还详细分析了API接口,包括使用各个微信原生API接口进行小程序开发的技巧.最后介绍了几个小程序实战案例,让读者实践小程序各项能力的应用及

微信小程序开发实战01

前期准备工作 因为腾讯的要求,每个公众号或着小程序都要绑定唯一的邮箱,所以对我来说是个煎熬呀,公众号,开放平台都注册,实在没邮箱了,只能重新申请了 注册地址:微信小程序注册地址 每个邮箱仅能申请一个小程序 作为登录帐号,请填写未被微信公众平台注册,未被微信开放平台注册,未被个人微信号绑定的邮箱(最坑了) 自己修改小程序信息,按照积极的需求来写就行 到这里,小程序的注册相关就完成了 小程序AppID在设置->开发设置,可以看到相关的信息 安装开发者工具包 开发工具现在又两个版本,一个是网页版,一个

微信小程序开发选取相册照片/拍照API调用

作者最近在探索微信小程序,有一个需求是让用户通过手机相册或者手机摄像头拍照上传图片.效果如下图所示: 由于作者之前没有接触过微信小程序,看了微信小程序的开发手册后就开始写了. 一开始的想法是这样的: 通过界面交互反馈的api来显示操作菜单,在操作菜单中如下定义名称,然后再判断执行 在看api文档时,发现貌似可以直接调用图片api 直接使用媒体中的图片api也可以很方便的获取预期效果,代码如下.只是这样微信web开发者工具不显示操作菜单,只有真机才显示操作菜单. 最后,真机效果如下图所示: 原文地

纯正商业级应用-微信小程序开发实战

第1章 导学与申请appkey如何更好的学习本课程?如何申请开发者key?如何调用和测试接口? 第2章 准备工作开发前的准备工作以及第三方开发工具的选择 第3章 小程序的基础知识与新特性讲解小程序的一些必须要掌握的基础知识,如文件类型.项目结构.配置文件等.部分之前老课程中没有涉及的重要新特性也会在本章节提及 第4章 flex布局我们将在本章中详细学习flex布局的基础知识,为在项目中灵活应用flex布局打下坚实的基础 第5章 首页-期刊与初识小程序组件本章我们将开始制作<旧岛>小程序的首页,

微信小程序开发实战-配置Tomcat之Https

第一步:进入阿里云官网https://www.aliyun.com>登录>进入控制台>产品与服务>安全>SSL证书 第二步:点击“够买证书”,如下图所示 选择“免费型DV SSL”,点击“立即够买” 生成订单 支付 支付完成 点击“证书控制台”,进入证书控制台点击“申请” 填写:域名,验证方式等 下载fileauth.txt,上传到网站服务器目录/.well-known/pki-validation/下,点击“验证”,通过验证后等待官方审核 审核通过后,进入证书控制台,“下载