微信小程序如何修改本地緩存key中單個數(shù)據(jù)的詳解
更新時間：2019年04月26日 10:46:45 作者：lff1123
這篇文章主要介紹了微信小程序如何修改本地緩存key中單個數(shù)據(jù)，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
最近在做教師評教系統(tǒng)，有一個‘個人信息'頁面中有個編輯修改郵箱的功能，本來想得很簡單，結(jié)果進坑了，搞了好久才出來。
我想實現(xiàn)的效果是點擊下圖左側(cè)郵箱，然后進入右側(cè)頁面，進行郵箱的修改，點擊提交后跳轉(zhuǎn)到左側(cè)頁面，同時郵箱也發(fā)生改變。
點擊‘我的'時，我讓它從控制臺打印出student緩存中傳過來的數(shù)據(jù)，如下：
{no: "1635050601", name: "張三", sex: "", email: "123@qq.com", classid: "100000-1602", …}
classid:"100000-1602"
classname:"16級PHP2"
departmentid:"100000"
departmentname:"軟件學(xué)院"
name:"張三"
no:"1635050601"
sex:""
然后我添加郵箱后，后臺接口寫了方法讓email的值直接存到student中，但是如果初次添加email的話可以實現(xiàn)，第二次修改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 對應(yīng)的內(nèi)容，這是一個同步接口。
wx.getStorageSync(KEY)
從本地緩存中同步獲取指定 key 對應(yīng)的內(nèi)容。
如有問題或補充，歡迎小伙伴們留言哦~期待與你一同學(xué)習(xí)，共同進步?。?！
以上所述是小編給大家介紹的微信小程序如何修改本地緩存key中單個數(shù)據(jù)詳解整合，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
相關(guān)文章
![JavaScript 更嚴格的相等 [譯]](http://img.jbzj.com/images/xgimg/bcimg0.png)
大部分JavaScript程序員都知道:應(yīng)該使用嚴格相等(===)來代替“普通”的相等操作(==).但是,有時候你的確需要一個比嚴格相等===更嚴格的運算符,比如說:在你想檢查某個值是否是NaN的時候,又或者你想?yún)^(qū)分-0和+0的時候.本文解釋了相關(guān)的知識以及ECMAScript.next中的解決辦法:“is”操作符2012-09-09
這篇文章主要為大家詳細介紹了微信小程序自定義底部彈出框功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-11-11
js 數(shù)組當前行添加數(shù)據(jù)方法詳解
這篇文章主要介紹了js 數(shù)組當前行添加數(shù)據(jù)方法詳解，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-07-07
發(fā)現(xiàn)為本文起一個合適的標題還不是那么容易，呵呵，所以在此先說明下本文的兩個目的.2009-11-11
分包指的是把一個完整的小程序項目,按照需求劃分為不同的子包,在構(gòu)建時打包成不同的分包,用戶在使用時按需進行加載,下面這篇文章主要給大家介紹了關(guān)于微信小程序分包的相關(guān)資料,需要的朋友可以參考下2022-09-09
Code：loadScript( )加載js的功能函數(shù)
Code：loadScript( )加載js的功能函數(shù)...2007-02-02
本文主要介紹了js實現(xiàn)音頻控制進度條功能的示例代碼。具有很好的參考價值。下面跟著小編一起來看下吧2017-04-04
這篇文章主要介紹了bootstrap輪播模板的使用方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-11-11
這篇文章主要給大家介紹了關(guān)于Javascript變量的相關(guān)問題，文中給出了詳細的介紹和示例代碼，相信對大家的理解和學(xué)習(xí)具有一定的參考借鑒價值，有需要的朋友們下面來一起看看吧。2017-01-01
這篇文章主要介紹了如何去除js中的json存在的轉(zhuǎn)義字符\問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-09-09