博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
微信小程序 Storage API
阅读量:4083 次
发布时间:2019-05-25

本文共 3576 字,大约阅读时间需要 11 分钟。

目录

这里写图片描述

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

异步存储方法:

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

这里写图片描述

获取方法:

wx.getStorage(object)

这里写图片描述

清除方法:

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

同步存储方法:

存数据 相同key会覆盖

wx.setStorageSync(key,data)

读数据

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

清除数据

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

wxml

{
{
storageContent}}
{
{
storageSyncContent}}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
1
2
3
4
5
6
7
8
9
10
11
12
13
14

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
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
你可能感兴趣的文章
面试官问:能否模拟实现JS的new操作符
查看>>
Vue学习看这篇就够
查看>>
Koa2框架原理解析和实现
查看>>
vue-router 源码概览
查看>>
HTML5的新特性概述
查看>>
轻松理解JavaScript原型及原型链
查看>>
从零搭建React全家桶框架教程
查看>>
移动端滚动穿透问题解决方案
查看>>
Vue-Router学习笔记
查看>>
理解函数防抖Debounce
查看>>
理解并优化函数节流Throttle
查看>>
刷《一年半经验,百度、有赞、阿里面试总结》·手记
查看>>
webpack4系列教程
查看>>
最优-scroll事件的监听实现
查看>>
websocket学习和群聊实现
查看>>
React Hooks 实用指南
查看>>
Nuxt.js开启SSR渲染
查看>>
React之组件化
查看>>
关于 ES6 中 Promise 的面试题
查看>>
Mobx 我的理解
查看>>