亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

微信小程序的數(shù)據(jù)存儲與Django等服務發(fā)送請求?講解

 更新時間:2022年04月19日 08:47:57   作者:Jeff的技術(shù)棧  
這篇文章主要為大家介紹了微信小程序的數(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

屬性類型默認值必填說明
keystring 本地緩存中指定的 key
dataany 需要存儲的內(nèi)容。只支持原生類型、Date、及能夠通過JSON.stringify序列化的對象。
successfunction 接口調(diào)用成功的回調(diào)函數(shù)
failfunction 接口調(diào)用失敗的回調(diào)函數(shù)
completefunction 接口調(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.getStorageany 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

屬性類型默認值必填說明
keystring 本地緩存中指定的 key
successfunction 接口調(diào)用成功的回調(diào)函數(shù)
failfunction 接口調(diào)用失敗的回調(diào)函數(shù)
completefunction 接口調(diào)用結(jié)束的回調(diào)函數(shù)(調(diào)用成功、失敗都會執(zhí)行)

object.success 回調(diào)函數(shù)

參數(shù)

Object res

屬性類型說明
dataanykey對應的內(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的實例代碼

    這篇文章主要介紹了在element-ui的el-tree組件中用render函數(shù)生成el-button 的方法,本文通過實例代碼給大家介紹的非常詳細,具有一定的參考借鑒價值,需要的朋友可以參考下
    2018-11-11
  • Bootstrap每天必學之媒體對象

    Bootstrap每天必學之媒體對象

    Bootstrap每天必學之媒體對象,對BootBootstrap每天必學之媒體對象小編也了解的很少,希望通過這篇文章和大家更多的去學習Bootstrap每天必學之媒體對象,從中得到收獲。
    2015-11-11
  • 全面解析Bootstrap手風琴效果

    全面解析Bootstrap手風琴效果

    這篇文章主要為大家詳細介紹了全面解析Bootstrap手風琴效果,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2015-12-12
  • JavaScript工廠模式詳解

    JavaScript工廠模式詳解

    這篇文章主要介紹了JavaScript設(shè)計模式之工廠模式,結(jié)合完整實例形式分析了工廠模式的概念、原理及javascript定義與使用工廠模式的相關(guān)操作技巧,需要的朋友可以參考下
    2021-10-10
  • webpack幾種手動實現(xiàn)HMR的方式

    webpack幾種手動實現(xiàn)HMR的方式

    眾所周知,在webpack中使用模塊熱替換(HMR),能夠使得應用在運行時,本文就介紹一下如何實現(xiàn)HMR,感興趣的可以了解一下
    2021-07-07
  • Google Map V3 綁定氣泡窗口(infowindow)Dom事件實現(xiàn)代碼

    Google Map V3 綁定氣泡窗口(infowindow)Dom事件實現(xiàn)代碼

    無法在infowindow里面添加的div進行綁定事件處理,官方的API,發(fā)現(xiàn)了google.maps.InfoWindow下面的Events里面有個domready事件
    2013-04-04
  • js實現(xiàn)簡單圓盤時鐘

    js實現(xiàn)簡單圓盤時鐘

    這篇文章主要為大家詳細介紹了js實現(xiàn)簡單圓盤時鐘,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2021-09-09
  • 詳解package.json版本號規(guī)則

    詳解package.json版本號規(guī)則

    這篇文章主要介紹了詳解package.json版本號規(guī)則,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧
    2019-08-08
  • javascript獲取ckeditor編輯器的值(實現(xiàn)代碼)

    javascript獲取ckeditor編輯器的值(實現(xiàn)代碼)

    這篇文章主要介紹了javascript獲取ckeditor編輯器的值,用于表單驗證。需要的朋友可以過來參考下,希望對大家有所幫助
    2013-11-11
  • 微信小程序異步API為Promise簡化異步編程的操作方法

    微信小程序異步API為Promise簡化異步編程的操作方法

    把微信小程序異步API轉(zhuǎn)化為Promise。用Promise處理異步操作很方便。下面小編給大家?guī)砹宋⑿判〕绦虍惒紸PI為Promise簡化異步編程的操作方法,感興趣的朋友一起看看吧
    2018-08-08

最新評論