微信小程序中如何将数据保存到内存中并且读取的同步写法
前言
微信小程序保存到内存中有两种方法,一种是同步一种是异步,两个方法有着独特的用处,在小程序控制台中的Storage中可以查看保存到内存中的数据。
保存到内存中也就是我们平常说的本地存储,有一个内存限制,但是一般都可以满足开发的一个数据大小
话不多说 直接说操作
下面是如何保存数据 代码
。 注意!!!:同步与异步写法不同
// 比如如何将一个数据保存到本地数据中,方便后续的开发取相应的数据
//这里存储数据使用的是wx.setStorageSync方法try{//wx.setStorageSync写法 : 第一个值是key 第二个值是数据wx.setStorageSync('这里写key名也就是保存数据的名称', 这里写key值,也就是要保存到本地数据中的数据)}catch(e){ // 作用 用来告诉我们是否写入数据成功与否 也可以用这个//函数做其他的用途,这里我们就主要讲保存数据console.log('写入数据错误');}
紧接着保存数据过后需要的是如何读取本地数据
下面是如何读取数据 代码
。
// 场景 :: 如何将数据读取出来并保存到Data里面
//这里存储数据使用的是wx.getStorageSync方法try{//注意 :: wx.getStorageSync 和 wx.setStorageSync 是固定写法//这里将内存中的数据读取出来并且保存到一个新变量中var mudiis = wx.getStorageSync('这里是保存数据的key名')//that是在外面重定义了this指向 代码: var that = this //原因 ; 一些开发场景中 在success函数里面中this无法访问到外部的//data,除非使用箭头函数就不用重新定义this指向问题//原因 :: ES6中新增的箭头函数并没有自身的thisthat.setData({mudi_is : mudiis // 将数据热更新到data数据中})console.log(this.data.mudi_is)//输出是否有数据}catch(e){ // 作用 : 是否读取成功console.log('读取数据错误');}
以上就是微信小程序如何进行同步存储数据的保存读取方法
如果这篇文章对你有帮助的话,不妨点个赞,收藏一波。
微信小程序中如何将数据保存到内存中并且读取的同步写法相关推荐
- uniapp开发微信小程序 wx.navigateBack()携带数据问题
uniapp开发微信小程序 wx.navigateBack()携带数据问题 某个表单页面 有时需要跳转另一个页面查询数据 但如此想要保存当前页面数据需要在另一个查询页面调用 wx.navigateBa ...
- 【微信小程序】将base64图片保存至本地
需求描述 微信小程序中,下载一个报告文件,直接可获取到的是报告图片的base64格式. 参考文章 1.微信小程序实现图片下载功能 2.微信小程序把base64的图片保存到手机相册 代码实现 1.wxm ...
- 微信小程序取本地数据库数据(实测有图)
测试效果如下: 本实验主要分为如下几个步骤: 一.安装数据库 二.安装PHP+Apache 三.编辑微信小程序代码 前两项的简单介绍在如下连接: PHP+Apache 四.本文主要介绍第三项的内容 需 ...
- 微信小程序云开发之数据分页云函数
微信小程序云开发之数据分页云函数 2018-10-06 20:23:28 微信小程序的云开发可以自己对数据库进行操作而不需要后台,那么很常见的一个功能就是我们在读取数据的时候需要分页来获取 ...
- 【微信小程序提取公共请求数据】
[微信小程序提取公共请求数据] 在utils下设置一个http.js const url = 'https://api.shop.eduwork.cn'; const request = (path= ...
- 微信小程序自定义组件-树形数据表格(进阶版)
前言 一.下载引用 二.使用treegrid组件 三.使用文档 属性 事件 四.组件源码 利用递归思想编写的表格行--treegrid-treeline 树形表格--treegrid-treegrid ...
- 小程序 | 微信小程序实现循环嵌套数据选择
小程序 | 微信小程序实现循环嵌套数据选择 一.效果展示 二.代码实现 在.wxml文件中,有时从后台传来的数据可能会出现数组嵌套数组的情况,需要利用wx:for嵌套实现数据的展示.这时,外层循环正常 ...
- 微信小程序 获取用户信息并保存登录状态
微信小程序 获取用户信息并保存登录状态:http://www.360doc.com/content/18/0124/11/9200790_724662071.shtml 转载于:https://www ...
- 微信小程序 云开发表数据一键清空
适用微信小程序 云开发 1.将开发阶段表中测试数据一键清空 TemperatureReport表测试 db.collection('TemperatureReport') .where({all:nu ...
最新文章
- ps怎么制作流体_ps相框制作教程:ps怎么制作相框效果
- 投影幕布jsp_投影 篇一:实测亲证百元投影幕布不如白墙
- java 测量程序运行时间
- C++继承和派生简明教程
- Java程序员从笨鸟到菜鸟之(六十八)细谈Spring(二)自己动手模拟spring
- mysql 导入导出.sql文件
- QM课程02-外部功能
- 闭门宅家后,才知道这15个“真相”
- leetcode刷题六z字形变换
- 三菱plc pwm指令_西门子PLC常见的20个问题,你碰到过几个?
- Package requirements (pthread-stubs xau = 0.99.2) were not met:
- 求职必备||程序员的优秀简历都是这样来的
- VMware虚拟机使用Ubuntu全屏问题
- 解决VMware Workstation 与 Hyper-V 不兼容。请先从系统中移除 Hyper-V 角色,然后再运行 VMware Workstation。
- 算法笔记--素数筛(朴素筛,埃式筛,欧拉筛)
- CT值到灰度值的映射, 以及windowing中的窗宽和窗位
- Q2日活1.86亿创新高 推特还能打好一场翻身战吗?
- wamp包安装后无法运行:Exception Exception in module wampmanager.exe at 000F15A0.
- latex:解决无法找到.sty的问题
- 【基础知识】电阻标称阻值查询表