其实这个存储在新建Demo的时候就已经用到了就是存储就是那个logs日志,数据存储主要分为同步和异步

异步存储方法:

存数据 
wx.setStorage(object) 相同key会覆盖,可写回调方法

获取方法:

wx.getStorage(object)

清除方法:

wx.clearStorage()里面可以写回调函数 成功,失败,完成

同步存储方法:

存数据 相同key会覆盖

wx.setStorageSync(key,data)

读数据

wx.getStorageSync(key) 存储是指定的key

清除数据

wx.clearStorageSync() 不可写回调方法

wxml

<!--动态获取数据-->
<text>{{storageContent}}</text>
<!--存-->
<button type="primary" bindtap="listenerStorageSave">storage存储信息会在text上显示</button>
<!--取-->
<button type="primary" bindtap="listenerStorageGet">获取storage存储的信息</button>
<!--清-->
<button type="warn" bindtap="listenerStorageClear">清楚异步存储数据</button><text>{{storageSyncContent}}</text>
<button type="primary" bindtap="listenerStorageSyncSave">storageSync存储信息会在text上显示</button>
<button type="primary" bindtap="listenerStorageSyncGet">获取storageSync存储信息</button>
<button type="warn" bindtap="listenerStorageSyncClear">清除同步存储数据</button>

js

Page({data:{// text:"这是一个页面"storageContent: '',storageSyncContent: ''},onLoad:function(options){// 页面初始化 options为页面跳转所带来的参数},/*** 异步存储*/listenerStorageSave: function() {//以键值对的形式存储 传进去的是个对象wx.setStorage({key: 'key',data: '我是storeage异步存储的信息',success: function(res) {console.log(res)}})},/*** 异步取信息*/listenerStorageGet: function() {var that = this;wx.getStorage({//获取数据的keykey: 'key',success: function(res) {console.log(res)that.setData({//storageContent: res.data})},/*** 失败会调用*/fail: function(res) {console.log(res)}})},/*** 清除数据*/listenerStorageClear: function() {var that = this;wx.clearStorage({success: function(res) {that.setData({storageContent: ''})}})},/*** 数据同步存储*/listenerStorageSyncSave: function() {wx.setStorageSync('key', '我是同步存储的数据')},/*** 数据同步获取*/listenerStorageSyncGet: function() {// var that = this;var value = wx.getStorageSync('key')this.setData({storageSyncContent: value})},/*** 清除同步存储数据*/listenerStorageSyncClear: function() {wx.clearStorageSync()},onReady:function(){// 页面渲染完成},onShow:function(){// 页面显示},onHide:function(){// 页面隐藏},onUnload:function(){// 页面关闭}
})

微信小程序 Storage API相关推荐

  1. 微信小程序-常用api

    文章目录 微信小程序-常用api 路由 wx.switchTab(Object object) wx.navigateTo(Object object) wx.navigateBack(Object ...

  2. 【微信小程序控制硬件 第12篇-项目篇】微信小程序蓝牙控制硬件应如何开始动手?为您全面解析微信小程序蓝牙API的使用;(附带demo)

    [微信小程序控制硬件第1篇 ] 全网首发,借助 emq 消息服务器带你如何搭建微信小程序的mqtt服务器,轻松控制智能硬件! [微信小程序控制硬件第2篇 ] 开始微信小程序之旅,导入小程序Mqtt客户 ...

  3. 【小程序开发必备】微信小程序常用API全介绍,附示例代码和使用场景

    文章目录 1.网络请求相关API 1.1 wx.request 1.2 wx.uploadFile 1.3 wx.downloadFile 1.4 wx.connectSocket 2.页面跳转相关A ...

  4. 微信小程序常用api总结

    内容待写... ≧◔◡◔≦ 滑到底啦~ // 1.0 小程序接收传递过来的参数onLoad: function (options) {var str= options.str; //接收到的参数 st ...

  5. 微信小程序之 ----API接口

    1. wx.request 接口 可在文件 wxs中操作,连接服务器处理数据 参数 ① url ② data ③ header ④ method ⑤ dataType 回调 success, fail ...

  6. 微信小程序-常用API开发技巧学习笔记

    常用API开发技巧学习笔记 第一章 认识微信小程序 前后端分离的开发方式 小程序的特点 小程序对开发者的影响 学习小程序需要的基础 第二章 小程序环境搭建与开发工具介绍 小程序开发环境 没有小程序号对 ...

  7. uniapp同步获取用户信息_微信小程序云开发教程微信小程序的API入门获取用户身份信息系列API...

    同学们大家好,我是小伊同学,上一节我们介绍了一些常用API,今天我们接着来学习一组API,那就是获取用户身份信息的API. 在微信小程序中,我们往往需要获取用户的身份信息,比如昵称.头像.性别.地区等 ...

  8. 微信小程序封装api请求步骤

    小程序发起网络请求 需用到 wx.request() 废话不多说 直接开始封装 1.首先创建一个request文件夹里边创建一个api.js和request.js 2.封装的请求在request.js ...

  9. 微信小程序使用api接受数据

    1:首先找一个api网站 现在百度免费体验的api还是挺多的,直接搜索就行了 例如我用的这个聚合或者idataapi,下面我就用聚合这个举例: 打开聚合找一个api(这个有免费赠送100次,不用认证) ...

最新文章

  1. sendmail(一)
  2. 小程序直播间报错:{“errmsg“:“the current room status does not allow this operation rid:“,“errcode“:300023}
  3. 1.3编程基础之算术表达式与顺序执行 11 计算浮点数相除的余数
  4. metasploit 使用search报错
  5. delphi控件切图界面闪烁_先本设计教你跳过UI小程序的七个坑
  6. r语言调用python_python3调用R语言干货
  7. minio在不同平台下的启动命令
  8. 剑指offer面试题[9-2]-变态跳台阶
  9. 下载python教程-零基础Python教程全集下载.pdf
  10. html标签和asp.net在GridView里面绑定js的区别
  11. MYSQL 触发器 实践案例
  12. 计算机电路基础答案刘怀望,计算机电路基础
  13. Fortigate(飞塔)防火墙密码恢复
  14. 什么是devicenet跟以太网啥区别
  15. vue项目页面的打印和下载PDF加loading效果(加水印)
  16. xshell 6查看测试日志
  17. PCIEBXMCx4板卡
  18. Python-数据类型转换
  19. 动圈耳机振膜_新手小白必读 1分钟看懂动圈式耳机振膜
  20. OPenGL--Transform feedback基础

热门文章

  1. 计算机类说课优秀模板,广东省创新杯说课大赛计算机专业类一等奖作品:《模板的应用》教学设计.pdf...
  2. ESP32接入百度智能云语音识别,实现在线语音识别
  3. 武汉理工转专业计算机笔试,计算机学院武汉理工大学2009年各学院转专业工作实施细则...
  4. Week10模拟 :魔方
  5. Python毕业设计论文计算机专业毕业论文基于Python实现的作业查重系统[包运行成功]
  6. 光线折射模拟的matlab仿真
  7. 汽车内部生命监测系统
  8. spring junit整合单元测试
  9. 流程DEMO-制度发文和干部任免
  10. php以 /n 分割字符串