微信小程序 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>
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