日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

RELATEED CONSULTING
相關(guān)咨詢
選擇下列產(chǎn)品馬上在線溝通
服務(wù)時(shí)間：8:30-17:00
你可能遇到了下面的問題
關(guān)閉右側(cè)工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
創(chuàng)新互聯(lián)百度小程序教程：swan.setStorage
  • swan.setStorage
    • 方法參數(shù)
      • object 參數(shù)說明
    • 示例
      • 圖片示例
      • 代碼示例
      • 代碼示例 2：利用本地緩存提前渲染界面
    • 錯(cuò)誤碼
      • Android
      • iOS

    swan.setStorage

    解釋：將數(shù)據(jù)存儲(chǔ)在本地緩存中指定的 key 中，會(huì)覆蓋掉原來該 key 對應(yīng)的內(nèi)容。主動(dòng)刪除歷史小程序，卸載百度 APP ，或在系統(tǒng)中清除百度 APP 的緩存即可清除數(shù)據(jù)。目前單個(gè) key 允許存儲(chǔ)的最大數(shù)據(jù)長度無限制，沒有自動(dòng)清理存儲(chǔ)機(jī)制。storage 上限 10MB ，用戶需主動(dòng)清理，期間數(shù)據(jù)一直可用。

    成都創(chuàng)新互聯(lián)服務(wù)項(xiàng)目包括巴楚網(wǎng)站建設(shè)、巴楚網(wǎng)站制作、巴楚網(wǎng)頁制作以及巴楚網(wǎng)絡(luò)營銷策劃等。多年來，我們專注于互聯(lián)網(wǎng)行業(yè)，利用自身積累的技術(shù)優(yōu)勢、行業(yè)經(jīng)驗(yàn)、深度合作伙伴關(guān)系等，向廣大中小型企業(yè)、政府機(jī)構(gòu)等提供互聯(lián)網(wǎng)行業(yè)的解決方案，巴楚網(wǎng)站推廣取得了明顯的社會(huì)效益與經(jīng)濟(jì)效益。目前，我們服務(wù)的客戶以成都為中心已經(jīng)輻射到巴楚省份的部分城市，未來相信會(huì)繼續(xù)擴(kuò)大服務(wù)區(qū)域并繼續(xù)獲得客戶的支持與信任！

    Web 態(tài)說明：受瀏覽器限制，Web 態(tài) storage 的容量一般為 5MB ，具體視瀏覽器 localStorage 的容量大小而定。

    方法參數(shù)

    Object object

    object 參數(shù)說明

    屬性名 類型 必填 默認(rèn)值 說明

    key

    String

    是

    本地緩存中的指定的 key

    data

    Object/String/Number/Array/Boolean

    是

    需要存儲(chǔ)的內(nèi)容

    success

    Function

    否

    接口調(diào)用成功的回調(diào)函數(shù)

    fail

    Function

    否

    接口調(diào)用失敗的回調(diào)函數(shù)

    complete

    Function

    否

    接口調(diào)用結(jié)束的回調(diào)函數(shù)（調(diào)用成功、失敗都會(huì)執(zhí)行）

    示例

    跳轉(zhuǎn)編輯工具

    在開發(fā)者工具中打開

    在 WEB IDE 中打開

    掃碼體驗(yàn)

    代碼示例

    請使用百度APP掃碼

    圖片示例

    代碼示例

    • SWAN
    • JS
     
 
 
      
  
  
  
      2. 
  
  
  
    2.  
      3. 
  
  
  
    3.  
      4. 
  
  
  
    4.  
      5. 
  
  
  
    5.  
      6. 
  
  
  
    6.  
      7. 
  
  
  
    7.  
      8. 
  
  
  
    8.  
      9. 
  
  
  
    9.  
      10. 
  
  
  
    10.  
      11. 
  
  
  
    11.  
      12. 
  
  
  
    12.  
      13. 
  
  
  
    13.  
      14. 
  
  
  
    14.  
      15. 
  
  
  
    15.  
      16. 
  
  
  
      17.

    代碼示例 2：利用本地緩存提前渲染界面

    業(yè)務(wù)場景：我們實(shí)現(xiàn)的小程序首頁是展示一堆商品的列表。數(shù)據(jù)渲染的方式一般是在頁面 onLoad 回調(diào)之后通過 swan.request 向服務(wù)器發(fā)起一個(gè)請求去拉取列表數(shù)據(jù)，在 success 回調(diào)中把數(shù)據(jù)通過 setData 渲染到界面上，如下代碼所示。

    • JS
     
 
 
      
  
  
  
    1. Page({
      2. 
  
  
  
    2.  onLoad() {
      3. 
  
  
  
    3.  swan.request({
      4. 
  
  
  
    4.  // 僅為示例，并非真實(shí)的接口地址
      5. 
  
  
  
    5.  url: 'https://www.baidu.com/xxx', 
      6. 
  
  
  
    6.  success: res => {
      7. 
  
  
  
    7.  if (res.statusCode === 200) {
      8. 
  
  
  
    8.  this.setData({
      9. 
  
  
  
    9.  list: res.data.list
      10. 
  
  
  
    10.  })
      11. 
  
  
  
    11.  }
      12. 
  
  
  
    12.  }
      13. 
  
  
  
    13.  })
      14. 
  
  
  
    14.  }
      15. 
  
  
  
    15. })
      16.

    在請求到數(shù)據(jù)前，我們避免頁面白屏的方式一般是把之前的請求成功請求存在本地緩存里，在 onLoad 發(fā)起請求前，先檢查是否有緩存過列表，如果有的話直接渲染界面，然后等到 swan.request 的 success 回調(diào)之后再覆蓋本地緩存重新渲染新的列表，如下代碼所示。

    • JS
     
 
 
      
  
  
  
    1. Page({
      2. 
  
  
  
    2.  onLoad() {
      3. 
  
  
  
    3.  let list = swan.getStorageSync('list');
      4. 
  
  
  
    4.  if (list) {
      5. 
  
  
  
    5.  // 本地如果有緩存列表，提前渲染 
      6. 
  
  
  
    6.  this.setData({
      7. 
  
  
  
    7.  list: list
      8. 
  
  
  
    8.  })
      9. 
  
  
  
    9.  }
      10. 
  
  
  
      11. 
  
  
  
    11.  swan.request({
      12. 
  
  
  
    12.  // 僅為示例，并非真實(shí)的接口地址
      13. 
  
  
  
    13.  url: 'https://www.baidu.com/xxx', 
      14. 
  
  
  
    14.  success: res => {
      15. 
  
  
  
    15.  if (res.statusCode === 200) {
      16. 
  
  
  
    16.  list = res.data.list;
      17. 
  
  
  
    17.  // 再次渲染列表
      18. 
  
  
  
    18.  this.setData({ 
      19. 
  
  
  
    19.  list: list
      20. 
  
  
  
    20.  })
      21. 
  
  
  
    21.  // 覆蓋緩存數(shù)據(jù)
      22. 
  
  
  
    22.  swan.setStorageSync("list", list); 
      23. 
  
  
  
    23.  }
      24. 
  
  
  
    24.  }
      25. 
  
  
  
    25.  })
      26. 
  
  
  
    26.  }
      27. 
  
  
  
    27. })
      28.

    錯(cuò)誤碼

    Android

    錯(cuò)誤碼 說明

    201

    解析失敗，請檢查調(diào)起協(xié)議是否合法

    1001

    執(zhí)行失敗

    iOS

    錯(cuò)誤碼 說明

    202

    解析失敗，請檢查參數(shù)是否正確

    1003

    超過最大存儲(chǔ)文件大小


    當(dāng)前名稱：創(chuàng)新互聯(lián)百度小程序教程：swan.setStorage
    文章分享：http://www.5511xx.com/article/dhoehgi.html