微信小程序如何修改本地缓存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 事件系统
Jul 22 Javascript
解析Jquery的LigerUI如何实现文件上传
Jul 09 Javascript
javascript读写XML实现广告轮换(兼容IE、FF)
Aug 09 Javascript
ie9 提示'console' 未定义问题的解决方法
Mar 20 Javascript
JQuery实现图片轮播效果
Sep 15 Javascript
基于javascript实现泡泡大冒险网页版小游戏
Mar 23 Javascript
AngularJS基础 ng-copy 指令实例代码
Aug 01 Javascript
bootstrap table实现单击单元格可编辑功能
Mar 28 Javascript
详解ECMAScript6入门--Class对象
Apr 27 Javascript
JavaScript定时器setTimeout()和setInterval()详解
Aug 18 Javascript
vue axios请求频繁时取消上一次请求的方法
Nov 10 Javascript
详解Vue 数据更新了但页面没有更新的 7 种情况汇总及延伸总结
May 28 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发送有附件的电子邮件-(PHPMailer使用的实例分析)
2013/04/26 PHP
PHP开发APP端微信支付功能
2017/02/17 PHP
JavaScript 入门基础知识 想学习js的朋友可以参考下
2009/12/26 Javascript
利用ajaxfileupload插件实现文件上传无刷新的具体方法
2013/06/08 Javascript
JQuery 控制内容长度超出规定长度显示省略号
2014/05/23 Javascript
JQuery实现的购物车功能(可以减少或者添加商品并自动计算价格)
2015/01/13 Javascript
JS中微信小程序自定义底部弹出框
2016/12/22 Javascript
javascript实现用户点击数量统计
2016/12/25 Javascript
Bootstrap输入框组件简单实现代码
2017/03/06 Javascript
Vue中this.$router.push参数获取方法
2018/02/27 Javascript
node-red File读取好保存实例讲解
2019/09/11 Javascript
微信小程序开发(二):页面跳转并传参操作示例
2020/06/01 Javascript
python 七种邮件内容发送方法实例
2014/04/22 Python
Python使用matplotlib绘制动画的方法
2015/05/20 Python
python中pandas.DataFrame对行与列求和及添加新行与列示例
2017/03/12 Python
python实现BackPropagation算法
2017/12/14 Python
django初始化数据库的实例
2018/05/27 Python
Python列表生成式与生成器操作示例
2018/08/01 Python
python 剪切移动文件的实现代码
2018/08/02 Python
python中实现控制小数点位数的方法
2019/01/24 Python
CentOS7下安装python3.6.8的教程详解
2020/01/03 Python
Python 模拟生成动态产生验证码图片的方法
2020/02/01 Python
PyQt5实现画布小程序
2020/05/30 Python
Python爬取某平台短视频的方法
2021/02/08 Python
Python爬取酷狗MP3音频的步骤
2021/02/26 Python
Html5新标签datalist实现输入框与后台数据库数据的动态匹配
2017/05/18 HTML / CSS
Chinti & Parker官网:奢华羊绒女装和创新针织设计
2021/01/01 全球购物
传播学专业毕业生自荐信
2013/11/04 职场文书
竞聘演讲稿范文
2014/01/12 职场文书
学习张丽丽心得体会
2014/09/03 职场文书
赔偿协议书范本
2014/09/12 职场文书
储备店长岗位职责
2015/04/14 职场文书
教师个人师德工作总结2015
2015/05/12 职场文书
反邪教教育心得体会
2016/01/15 职场文书
教师理论学习心得体会
2016/01/21 职场文书
Python selenium绕过webdriver监测执行javascript
2022/04/12 Python