微信小程序的數(shù)據(jù)存儲與Django等服務(wù)發(fā)送請求?講解
官方文檔
wx.setStorageSync]
(https://developers.weixin.qq.com/miniprogram/dev/api/wx.setStorageSync.html)與
wx.setStorage
快速歸納 存取改刪
wxml
<button bindtap="cun">存數(shù)據(jù)</button> <button bindtap="qu">取數(shù)據(jù)</button> <button bindtap="del">刪</button>
js
cun:function () {
wx.setStorageSync('name', "jason") //存
wx.setStorageSync('name1', "sean")
},
qu:function () {
wx.setStorageSync('name', "jason is sb") //改
console.log( wx.getStorageSync('name')) //取
},
del:function() {
//wx.clearStorageSync() //清除所有的本地?cái)?shù)據(jù)
wx.removeStorageSync('name') //清除指定的本地?cái)?shù)據(jù)
}
總結(jié):
1 本地存儲有同步,也有異步,用法一樣,同步與異步的區(qū)別,就是我們平時(shí)理解的同步與異步
2 這個(gè)本地?cái)?shù)據(jù)的生命周期,和小程序同步,要清除數(shù)據(jù),除非我們用代碼刪除,或者用戶刪除
(卸載)小程序,用戶清理微信數(shù)據(jù)
3 本地?cái)?shù)據(jù)單個(gè)鍵最多只能存1M內(nèi)容,所有本地?cái)?shù)據(jù)不能超過10M.
1.wx存儲數(shù)據(jù)到本地以及本地獲取數(shù)
存到本地就是存到你的手機(jī),儂懂了伐?
1.1 wx.setStorageSync(string key, any data) 存(同步)
參數(shù)
string key: 本地緩存中指定的 key
any data: 需要存儲的內(nèi)容。只支持原生類型、Date、及能夠通過JSON.stringify序列化的對象。
示例代碼
wx.setStorage({
key: 'key',
data: 'value'
})
try {
wx.setStorageSync('key', 'value')
} catch (e) { }
1.2 wx.setStorage(Object object)存(異步)
將數(shù)據(jù)存儲在本地緩存中指定的 key 中。會覆蓋掉原來該 key 對應(yīng)的內(nèi)容。數(shù)據(jù)存儲生命周期跟小程序本身一致,即除用戶主動刪除或超過一定時(shí)間被自動清理,否則數(shù)據(jù)都一直可用。單個(gè) key 允許存儲的最大數(shù)據(jù)長度為 1MB,所有數(shù)據(jù)存儲上限為 10MB。
參數(shù)
Object object
| 屬性 | 類型 | 默認(rèn)值 | 必填 | 說明 |
|---|---|---|---|---|
| key | string | 是 | 本地緩存中指定的 key | |
| data | any | 是 | 需要存儲的內(nèi)容。只支持原生類型、Date、及能夠通過JSON.stringify序列化的對象。 | |
| success | function | 否 | 接口調(diào)用成功的回調(diào)函數(shù) | |
| fail | function | 否 | 接口調(diào)用失敗的回調(diào)函數(shù) | |
| complete | function | 否 | 接口調(diào)用結(jié)束的回調(diào)函數(shù)(調(diào)用成功、失敗都會執(zhí)行) |
示例代碼
wx.setStorage({
key: 'key',
data: 'value'
})
try {
wx.setStorageSync('key', 'value')
} catch (e) { }
上面的兩個(gè)就是一個(gè)是同步的一個(gè)是異步的,還是有區(qū)別的,想用哪一個(gè)看你的業(yè)務(wù)來定
wx.getStorage與any wx.getStorageSync
1.3 wx.getStorageSync(string key)取(同步)
參數(shù)
string key: 本地緩存中指定的 key
返回值:any data,key對應(yīng)的內(nèi)容
示例代碼
wx.getStorage({
key: 'key',
success(res) {
console.log(res.data)
}
})
try {
const value = wx.getStorageSync('key')
if (value) {
// Do something with return value
}
} catch (e) {
// Do something when catch error
}
1.4 wx.getStorage(Object object)取(異步)
從本地緩存中異步獲取指定 key 的內(nèi)容
參數(shù):Object object
| 屬性 | 類型 | 默認(rèn)值 | 必填 | 說明 |
|---|---|---|---|---|
| key | string | 是 | 本地緩存中指定的 key | |
| success | function | 否 | 接口調(diào)用成功的回調(diào)函數(shù) | |
| fail | function | 否 | 接口調(diào)用失敗的回調(diào)函數(shù) | |
| complete | function | 否 | 接口調(diào)用結(jié)束的回調(diào)函數(shù)(調(diào)用成功、失敗都會執(zhí)行) |
object.success 回調(diào)函數(shù)
參數(shù)
Object res
| 屬性 | 類型 | 說明 |
|---|---|---|
| data | any | key對應(yīng)的內(nèi)容 |
示例代碼
wx.getStorage({
key: 'key',
success(res) {
console.log(res.data)
}
})
try {
const value = wx.getStorageSync('key')
if (value) {
// Do something with return value
}
} catch (e) {
// Do something when catch error
}
小程序如何向我們django等服務(wù)請求接口(wx.request)
wxml
<button bindtap="qing">請求</button>
js
qing:function(){
wx.request({
url: 'http://127.0.0.1:8000/test/', //路由
data:{ //數(shù)據(jù)
"name":"egon"
},
method:"POST",//請求方法
header:{ //請求頭
"content-type":"application/json"
},
success(e){ //回調(diào)
//e為后臺返回的值
console.log(e.data)
}
})
}
注意
本地請求接口的時(shí)候,一定要關(guān)閉小程序編輯器中的 詳情-本地設(shè)置-不校驗(yàn)https域名

以上就是微信小程序的數(shù)據(jù)存儲與Django等服務(wù)發(fā)送請求 講解的詳細(xì)內(nèi)容,更多關(guān)于微信小程序數(shù)據(jù)存儲與Django服務(wù)發(fā)送請求的資料請關(guān)注腳本之家其它相關(guān)文章!
相關(guān)文章
在element-ui的el-tree組件中用render函數(shù)生成el-button的實(shí)例代碼
這篇文章主要介紹了在element-ui的el-tree組件中用render函數(shù)生成el-button 的方法,本文通過實(shí)例代碼給大家介紹的非常詳細(xì),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2018-11-11
webpack幾種手動實(shí)現(xiàn)HMR的方式
眾所周知,在webpack中使用模塊熱替換(HMR),能夠使得應(yīng)用在運(yùn)行時(shí),本文就介紹一下如何實(shí)現(xiàn)HMR,感興趣的可以了解一下2021-07-07
Google Map V3 綁定氣泡窗口(infowindow)Dom事件實(shí)現(xiàn)代碼
無法在infowindow里面添加的div進(jìn)行綁定事件處理,官方的API,發(fā)現(xiàn)了google.maps.InfoWindow下面的Events里面有個(gè)domready事件2013-04-04
javascript獲取ckeditor編輯器的值(實(shí)現(xiàn)代碼)
這篇文章主要介紹了javascript獲取ckeditor編輯器的值,用于表單驗(yàn)證。需要的朋友可以過來參考下,希望對大家有所幫助2013-11-11

