原文:微信小程序把玩(三十六)Storage API

其实这个存储在新建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({
//获取数据的key
key: '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(){
// 页面关闭
}
})

最新文章

  1. python 数据类型 ---文件一
  2. LoadRunner访问Mysql数据库
  3. Tomcat Manager 用户名和密码配置
  4. 51nod1403 有趣的堆栈
  5. 《Python基础教程(第二版)》学习笔记 -&gt; 第三章 使用字符串
  6. WordPress 后台提示输入FTP信息
  7. About Adultism and why things ar the way they are
  8. XMPP 服务器 Openfire 的 Emoji 支持问题(进行部分修改)
  9. spring的校验框架 @Validated &amp; BindingResult
  10. C语言左值,运算符的优先级以及结合性探讨
  11. 【并查集】HDU 1325 Is It A Tree?
  12. springboot 入门八-自定义配置信息(编码、拦截器、静态资源等)
  13. 《Language Implementation Patterns》之 解释器
  14. Python web(Django)连接Sql server
  15. SSM excel文件的导入导出
  16. LOJ#2542 随机游走
  17. Android.mk简介&lt;转&gt;
  18. go学习day2
  19. jquery字符串相等判断
  20. Android SDKVersion 参数列表

热门文章

  1. 微信公众号开发之怎样将本机IP映射成外网域名
  2. CSS知识总结之浏览器
  3. 常用Java开发工具类
  4. ZooKeeper 分布式锁实现原理
  5. nginx 和 tomcat 生产环境配置 建议和方法
  6. C#MVC中创建多模块web应用程序
  7. 华为软件开发云(DevCloud):免费可商用的项目管理工具
  8. 智能手环体验:UP24
  9. PAT 1065 - 1068 题解
  10. Adaptive device-initiated polling