微信小程序的數(shù)據(jù)存儲與Django等服務發(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() //清除所有的本地數(shù)據(jù) wx.removeStorageSync('name') //清除指定的本地數(shù)據(jù) }
總結(jié):
1 本地存儲有同步,也有異步,用法一樣,同步與異步的區(qū)別,就是我們平時理解的同步與異步
2 這個本地數(shù)據(jù)的生命周期,和小程序同步,要清除數(shù)據(jù),除非我們用代碼刪除,或者用戶刪除
(卸載)小程序,用戶清理微信數(shù)據(jù)
3 本地數(shù)據(jù)單個鍵最多只能存1M內(nèi)容,所有本地數(shù)據(jù)不能超過10M.
1.wx存儲數(shù)據(jù)到本地以及本地獲取數(shù)
存到本地就是存到你的手機,儂懂了伐?
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 對應的內(nèi)容。數(shù)據(jù)存儲生命周期跟小程序本身一致,即除用戶主動刪除或超過一定時間被自動清理,否則數(shù)據(jù)都一直可用。單個 key 允許存儲的最大數(shù)據(jù)長度為 1MB,所有數(shù)據(jù)存儲上限為 10MB。
參數(shù)
Object object
屬性 | 類型 | 默認值 | 必填 | 說明 |
---|---|---|---|---|
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) { }
上面的兩個就是一個是同步的一個是異步的,還是有區(qū)別的,想用哪一個看你的業(yè)務來定
wx.getStorage與any wx.getStorageSync
1.3 wx.getStorageSync(string key)取(同步)
參數(shù)
string key: 本地緩存中指定的 key
返回值:any data,key對應的內(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
屬性 | 類型 | 默認值 | 必填 | 說明 |
---|---|---|---|---|
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對應的內(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等服務請求接口(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) } }) }
注意
本地請求接口的時候,一定要關(guān)閉小程序編輯器中的 詳情-本地設(shè)置-不校驗https域名
以上就是微信小程序的數(shù)據(jù)存儲與Django等服務發(fā)送請求 講解的詳細內(nèi)容,更多關(guān)于微信小程序數(shù)據(jù)存儲與Django服務發(fā)送請求的資料請關(guān)注腳本之家其它相關(guān)文章!
相關(guān)文章
在element-ui的el-tree組件中用render函數(shù)生成el-button的實例代碼
這篇文章主要介紹了在element-ui的el-tree組件中用render函數(shù)生成el-button 的方法,本文通過實例代碼給大家介紹的非常詳細,具有一定的參考借鑒價值,需要的朋友可以參考下2018-11-11Google Map V3 綁定氣泡窗口(infowindow)Dom事件實現(xiàn)代碼
無法在infowindow里面添加的div進行綁定事件處理,官方的API,發(fā)現(xiàn)了google.maps.InfoWindow下面的Events里面有個domready事件2013-04-04javascript獲取ckeditor編輯器的值(實現(xiàn)代碼)
這篇文章主要介紹了javascript獲取ckeditor編輯器的值,用于表單驗證。需要的朋友可以過來參考下,希望對大家有所幫助2013-11-11