脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → 小程序数据缓存

小程序数据缓存机制应用实现

 更新时间：2021年05月06日 14:29:37   作者：流楚丶格念  
这篇文章主要介绍了小程序数据缓存机制应用实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧

小程序数据缓存相关知识

数据缓存：缓存数据，从而在小程序退出后再次打开时，可以从缓存中读取上次保存的数据，常用的数据缓存API如下表所示：

在这里插入图片描述

注意：将数据存储在本地缓存中指定的 key 中。会覆盖掉原来该 key 对应的内容。除非用户主动删除或因存储空间原因被系统清理，否则数据都一直可用。单个 key 允许存储的最大数据长度为 1MB，所有数据存储上限为 10MB。

参数

详细参数请见
https://developers.weixin.qq.com/miniprogram/dev/api/storage/wx.setStorage.html

保存数据缓存

// 保存数据缓存
wx.setStorage({
  key: 'key',			// 本地缓存中指定的key
  data: 'value',		// 需要存储的内容（支持对象或字符串）
  success: res => {},   // 接口调用成功的回调函数	
  fail: res => {}		// 接口调用失败的回调函数
})

获取数据缓存

// 获取数据缓存
wx.getStorage({
  key: 'key',			// 本地缓存中指定的 key
  success: res => {		// 接口调用成功的回调函数
    console.log(res.data)
  }, 
  fail: res => {}		// 接口调用失败的回调函数
})

示例：在onLoad中存入并获取

// pages/test/test.js
Page({
  onLoad: function(options) {
    // 保存数据缓存
    wx.setStorage({
      key: 'key', // 本地缓存中指定的key
      data: 'value', // 需要存储的内容（支持对象或字符串）
      success: res => {
        // 获取数据缓存
        wx.getStorage({
          key: 'key', // 本地缓存中指定的 key
          success: res => { // 接口调用成功的回调函数
            console.log(res.data)
          },
          fail: res => { } // 接口调用失败的回调函数
        })
      }, // 接口调用成功的回调函数
      fail: res => {} // 接口调用失败的回调函数
    })
  }
})

到此这篇关于小程序数据缓存机制应用实现的文章就介绍到这了,更多相关小程序数据缓存内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

您可能感兴趣的文章:

相关文章

  • Bootstrap笔记之缩略图、警告框实例详解

    Bootstrap笔记之缩略图、警告框实例详解

    本文通过实例给大家详解介绍了Bootstrap笔记之缩略图、警告框知识，非常不错，具有参考借鉴价值，需要的朋友可以参考下
    2017-03-03
  • Bootstrap组件(一)之菜单

    Bootstrap组件(一)之菜单

    本文主要给大家介绍bootstrap组件的知识，涉及到bootstrap, 组件, 字体图标, 上拉菜单的相关知识，非常具有参考借鉴价值，感兴趣的朋友一起学习吧
    2016-05-05
  • JavaScript 自定义对象方法汇总

    JavaScript 自定义对象方法汇总

    这篇文章主要介绍了JavaScript 自定义对象,主要介绍一些方法object创建对象、使用构造函数创建对象、字面量创建对象、等展开话题，具有一定的参考价值，需要的小伙伴可以参考一下
    2021-12-12
  • 精通Javascript系列之数据类型 字符串

    精通Javascript系列之数据类型 字符串

    下面先讲一下字符串String字符串由零个或者多个字符构成。字符可以包括字母、数字、标点符号和空格。
    2011-06-06
  • 最简单的JS实现json转csv的方法

    最简单的JS实现json转csv的方法

    这篇文章主要介绍了最简单的JS实现json转csv的方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2019-01-01
  • 浅析BootStrap模态框的使用(经典)

    浅析BootStrap模态框的使用(经典)

    Bootstrap Modals（模态框）是使用定制的 Jquery 插件创建的。本文给大家介绍BootStrap模态框的使用，感兴趣的朋友一起学习吧
    2016-04-04
  • js去空格技巧分别去字符串前后、左右空格

    js去空格技巧分别去字符串前后、左右空格

    js去空格想必大家多少都会点吧，在接下来的文章中为大家详细介绍下如何分别去字符串前后，左边，右边空格，感兴趣的朋友可以参考下
    2013-10-10
  • 详解JS HTML Web端使用MQTT通讯测试

    详解JS HTML Web端使用MQTT通讯测试

    这篇文章主要介绍了JS HTML Web端使用MQTT通讯测试,本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
    2023-04-04
  • JavaScript如何在前端代码中读、写本地文件

    JavaScript如何在前端代码中读、写本地文件

    在前端JavaScript中,由于安全考虑浏览器不允许直接操作文件系统,但浏览器提供了有限的文件操作能力,这篇文章主要介绍了JavaScript如何在前端代码中读、写本地文件的相关资料,需要的朋友可以参考下
    2024-09-09
  • 仅用[]()+!等符号就足以实现几乎任意Javascript代码

    仅用[]()+!等符号就足以实现几乎任意Javascript代码

    仅用一些符号就足以实现几乎任意Javascript代码的方法，比较怪异，对于特殊需要可能用得到。
    2010-03-03

最新评论