锐客网

  1. 首页 > 睿知 > >

微信小程序新手教程之Storage API

睿知

微信小程序新手教程之Storage API，本篇默认已经成功安装微信小程序工具，来和小编一起看看吧
Storage API
其实这个存储在新建Demo的时候就已经用到了就是存储就是那个logs日志，数据存储主要分为同步和异步
异步存储方法：
存数据
wx.setStorage(object) 相同key会覆盖，可写回调方法

微信小程序新手教程之Storage API

文章插图
获取方法：
wx.getStorage(object)
微信小程序新手教程之Storage API

文章插图
清除方法：
wx.clearStorage()里面可以写回调函数 成功，失败，完成
同步存储方法：
存数据 相同key会覆盖
wx.setStorageSync(key,data)
读数据
wx.getStorageSync(key) 存储是指定的key
清除数据
wx.clearStorageSync() 不可写回调方法
wxml
{{storageContent}}
storage存储信息会在text上显示
获取storage存储的信息
清楚异步存储数据
{{storageSyncContent}}
storageSync存储信息会在text上显示
获取storageSync存储信息
清除同步存储数据
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 = https://www.rkxy.com.cn/dnjc/wx.getStorageSync('key')
this.setData({
storageSyncContent: value
})
},
/**
* 清除同步存储数据
*/
listenerStorageSyncClear: function() {
wx.clearStorageSync()
},
onReady:function(){
// 页面渲染完成
},
onShow:function(){
// 页面显示
},
onHide:function(){
// 页面隐藏
},
onUnload:function(){
// 页面关闭
}
})
小程序还没有正式上线，在这里小编先为大家介绍一个即将在1月9号和微信小程序一起上线的小程序－－嗨图!大家可以直接在这个微信小程序上DIY自己的照片，先来看看具体嗨图有些什么功能吧!
微信小程序嗨图功能
微信小程序新手教程之Storage API

文章插图
1、专题——DIY图片的模板，点击可以生成使用，分享到朋友圈 。
2、分享墙——用户上传的自己DIY作品 。
3、立即制作——可以用自己的图来DIY 。
4、告诉我——告诉产品的改进，内容的增加 。
【微信小程序新手教程之Storage API】

推荐阅读


上一篇：青岛：开展劳务派遣单位经营情况核验检查工作

下一篇：ios11.3如何开公交卡 iPhone公交卡开卡教程