文档章节

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

Mr韦淋
 Mr韦淋
发布于 2017/05/07 20:22
字数 451
阅读 56
收藏 0

精选30+云产品,助力企业轻松上云!>>>

这里写图片描述

其实这个存储在新建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(){
    // 页面关闭
  }
})
Mr韦淋
粉丝 2
博文 80
码字总数 23114
作品 0
江门
高级程序员
私信 提问
加载中
请先登录后再评论。
微信小程序开发 | 把玩系列:各种组件和API实用详解

新手向!微信小程序把玩系列: 微信小程序把玩《一》:window配置,tabBar底部导航,应用生命周期 微信小程序把玩《二》:页面生命周期,模块化,数据绑定,view组件 各类组件 微信小程序把玩...

极乐小程序
2019/04/04
10
0
微信小程序教程、微信小程序开发资源下载汇总(6.16日更新,持续更新中……)

摘要:微信小程序教程合集、微信小程序开发资源合集、微信小程序DEMO合集、微信小程序商店合集、微信小程序经验合集、微信小程序技巧合集 微信小程序开发工具 5款微信小程序开发工具使用报告...

极乐小程序
2019/04/04
9
0
微信小程序教程、微信小程序开发资源下载汇总(6.16日更新,持续更新中……)

摘要:微信小程序教程合集、微信小程序开发资源合集、微信小程序DEMO合集、微信小程序商店合集、微信小程序经验合集、微信小程序技巧合集 微信小程序开发工具 5款微信小程序开发工具使用报告...

极乐小程序
2019/04/04
14
0
微信小程序组件探究和应用

1111.jpg 把玩微信小程序组件 微信小程序把玩《二》:页面生命周期,模块化,数据绑定,view组件 微信小程序把玩《三》:scroll-view组件,swiper组件,icon组件 微信小程序把玩《四》:tex...

极乐小程序
2019/04/04
2
0
微信小游戏开发Canvas资源汇总

Demo: 微信小程序demo组件:股票分时图 微信小程序小组件:仿直播点赞气泡效果,基于Canvas 优质demo推荐:二维码生成器;使用canvas与纯JS版二维码生成 微信小程序学习用完整demo:canvas涂...

osc_jxumvtli
2018/05/04
4
0

没有更多内容

加载失败,请刷新页面

加载更多

JDK路径设置无效问题解决

JDK 配置环境无效的两种情况 第 ① 种:输入java -version,显示:'java' 不是内部或外部命令,也不是可运行的程序或批处理文件。这个问题一般出现在电脑第一次配置环境的时候。 第 ② 种:输...

osc_s3ka07m5
7分钟前
11
0
代理模式

一 代理模式简介 代理(Proxy)是一种设计模式 提供了对目标对象另外的访问方式 代理对象代理目标对象 达到增强目标对象功能的目的 二 静态代理 需要定义接口或者父类 代理对象与目标对象一起实...

osc_5w65ebjo
8分钟前
7
0
软件测试基础自学之测试基础理论,先看完这篇你再做测试

第一章、系统测试之测试基础 软件测试不只只只是测试源代码 软件测试人交流社群313782132,内有学习资料、面试技巧、内推机会。 1、测试定义: 通过人工或自动的手段, 对被测对象进行检阅的...

osc_aowxrpuv
11分钟前
0
0
软件测试基础之手工测试,你能想到的都在这

手工测试是传统的测试方法,由测试人员手工编写测试用例、执行、观察结果。软件测试中发现问题最多的都是手工测试,占整个项目的百分之九十五左右,所以说手工测试是软件测试基础。但手工测试...

osc_sfl7wfr9
12分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部