微信小程序如何修改本地缓存key中单个数据的详解


Posted in Javascript onApril 26, 2019

最近在做教师评教系统,有一个‘个人信息'页面中有个编辑修改邮箱的功能,本来想得很简单,结果进坑了,搞了好久才出来。

我想实现的效果是点击下图左侧邮箱,然后进入右侧页面,进行邮箱的修改,点击提交后跳转到左侧页面,同时邮箱也发生改变。

微信小程序如何修改本地缓存key中单个数据的详解

点击‘我的'时,我让它从控制台打印出student缓存中传过来的数据,如下:

{no: "1635050601", name: "张三", sex: "", email: "123@qq.com", classid: "100000-1602", …}
classid:"100000-1602"
classname:"16级PHP2"
departmentid:"100000"
departmentname:"软件学院"
name:"张三"
no:"1635050601"
sex:""

然后我添加邮箱后,后台接口写了方法让email的值直接存到student中,但是如果初次添加email的话可以实现,第二次修改email的话,就得想想该怎么从student里只修改email的值。

//表单提交
 formSubmit: function (e) {
 console.log(e.detail.value);
 var pwd = e.detail.value.pwd;
 var email = e.detail.value.email;
 if (pwd == '') {
  wx.showToast({
  title: '密码不能为空',
  icon: 'none',
  duration: 1000,
  })
 }else if (email == '') {
  wx.showToast({
  title: '邮箱不能为空',
  icon: 'none',
  duration: 1000,
  })
 }else {
  //post方式提交
  wx.request({
  url: app.globalData.url.bindemail,
  method: "POST",
  data: {
   no: this.data.no,
   pwd: pwd,
   email: email
  },
  header: {
   "Content-Type": "application/x-www-form-urlencoded"
  },
  success: function (res) {
   // console.log(res);
   if(res.data.error == true){
   wx.showToast({
    title: res.data.msg,
    icon: 'none',
    duration: 1000,
   })
   }else{
   //修改email
   var _student = wx.getStorageSync('student');
   _student.email = email;
   wx.setStorageSync('student', _student);
   
   wx.showToast({
    title: res.data.msg,
    icon: 'success',
    duration: 2000,
    success: function () {
    setTimeout(function () {
     wx.reLaunch({
     url: '../myinfo/myinfo',
     })
    }, 2000)
    }
   })
   }
  },
  })
 }
 },

这里我们用下边方法从student里只修改email的值。

//修改email
   var _student = wx.getStorageSync('student');
   _student.email = email;
   wx.setStorageSync('student', _student);

wx.setStorageSync(KEY,DATA)

将 data 存储在本地缓存中指定的 key 中,会覆盖掉原来该 key 对应的内容,这是一个同步接口。

wx.getStorageSync(KEY)

从本地缓存中同步获取指定 key 对应的内容。

如有问题或补充,欢迎小伙伴们留言哦~期待与你一同学习,共同进步!!!

以上所述是小编给大家介绍的微信小程序如何修改本地缓存key中单个数据详解整合,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
JavaScript Event学习第四章 传统的事件注册模型
Feb 07 Javascript
js限制文本框为整数和货币的函数代码
Oct 13 Javascript
简单分析javascript面向对象与原型
May 21 Javascript
IE浏览器下PNG相关功能
Jul 05 Javascript
jquery+php随机生成红包金额数量代码分享
Aug 27 Javascript
JS实现状态栏跑马灯文字效果代码
Oct 24 Javascript
KnockoutJS 3.X API 第四章之表单value绑定
Oct 10 Javascript
jQuery实现圣诞节礼物动画案例解析
Dec 25 Javascript
使用socket.io实现简单聊天室案例
Jan 02 Javascript
Vue 源码分析之 Observer实现过程
Mar 29 Javascript
JS防抖和节流实例解析
Sep 24 Javascript
ElementUI 修改默认样式的几种办法(小结)
Jul 29 Javascript
js验证身份证号码记录的方法
Apr 26 #Javascript
详解VScode编辑器vue环境搭建所遇问题解决方案
Apr 26 #Javascript
react高阶组件添加和删除props
Apr 26 #Javascript
详解微信小程序-canvas绘制文字实现自动换行
Apr 26 #Javascript
vue 进阶之实现父子组件间的传值
Apr 26 #Javascript
详解JS判断页面是在手机端还是在PC端打开的方法
Apr 26 #Javascript
配置一个vue3.0项目的完整步骤
Apr 26 #Javascript
You might like
php 删除一个数组中的某个值.兼容多维数组!
2012/02/18 PHP
php 去除html标记--strip_tags与htmlspecialchars的区别详解
2013/06/26 PHP
php字符串截取函数用法分析
2014/11/25 PHP
详解PHP中mb_strpos的使用
2018/02/04 PHP
PHP检查文件是否存在,不存在自动创建及读取文件内容操作示例
2020/01/23 PHP
thinkphp框架无限级栏目的排序功能实现方法示例
2020/03/29 PHP
JavaScript iframe的相互操作浅析
2009/10/14 Javascript
jquery下onpropertychange事件的绑定方法
2010/08/01 Javascript
JavaScript将页面表格导出为Excel的具体实现
2013/12/27 Javascript
javascript常见用法总结
2014/05/22 Javascript
JQuery中DOM实现事件移除的方法
2015/06/13 Javascript
用AngularJS的指令实现tabs切换效果
2016/08/31 Javascript
js滚轮事件兼容性问题需要注意哪些
2016/11/15 Javascript
node.js学习之交互式解释器REPL详解
2016/12/08 Javascript
Angular 2.x学习教程之结构指令详解
2017/05/25 Javascript
jQuery读取本地的json文件(实例讲解)
2017/10/31 jQuery
uni-app实现点赞评论功能
2019/11/25 Javascript
JS实现简易留言板特效
2019/12/23 Javascript
Vue学习之axios的使用方法实例分析
2020/01/06 Javascript
Nodejs环境实现socket通信过程解析
2020/07/03 NodeJs
Python下的twisted框架入门指引
2015/04/15 Python
Python解析、提取url关键字的实例详解
2018/12/17 Python
Python实现查找数组中任意第k大的数字算法示例
2019/01/23 Python
Python切图九宫格的实现方法
2019/10/10 Python
Python之变量类型和if判断方式
2020/05/05 Python
Python requests HTTP验证登录实现流程
2020/11/05 Python
购买正版游戏和游戏激活码:Green Man Gaming
2019/11/06 全球购物
Python面试题:Python是如何进行内存管理的
2014/08/04 面试题
《乌塔》教学反思
2014/02/17 职场文书
骨干教师培训方案
2014/05/06 职场文书
英语分层教学实施方案
2014/06/15 职场文书
新教师培训心得体会
2014/09/02 职场文书
水电施工员岗位职责
2015/04/11 职场文书
长征观后感
2015/06/09 职场文书
朋友圈早安励志语录!
2019/07/08 职场文书
Android在Sqlite3中的应用及多线程使用数据库的建议
2022/04/24 Java/Android