微信小程序開發-斷網重新加載問題

alanoddsoff 發布于2019-08-21 11:26 / 2423人閱讀

摘要：分析微信小程序目前沒有提供刷新，所以要自己去記錄當前操作，點擊刷新重新執行一遍效果點擊重新加載重新加載頁面實現由于做項目時，頁面渲染離不開接口請求，所以我封裝了一下來判斷是否斷網，及斷網后記錄本次請求請求參數請求成功回掉當前實例執行時當斷網

分析

微信小程序目前沒有提供刷新API，所以要自己去記錄當前操作，點擊刷新重新執行一遍

效果

點擊‘重新加載’重新加載頁面

實現

由于做項目時，頁面渲染離不開接口請求，所以我封裝了一下wx.request來判斷是否斷網，及斷網后記錄本次請求

    /**
     * obj  request請求參數
     * cb   requrst請求成功回掉
     * page 當前page實例
    **/

    function wxRequest (obj, cb, page, type) {
        var isOne = true
        var cachFn = function () {
            wx.request({
                  url: obj.url,
                  data: obj.data || {},
                  method: obj.method || "GET",
                  success: function (res) {
                    cb.call(page, res)
                    if (!page.data.isNet) {
                        page.setData({
                            isNet: true
                        })
                    }
                  },
                  // fail執行時當斷網處理
                  fail: function () {
                      // 防止fail 有時會執行兩次，影響渲染
                      if (!isOne) {
                          return
                      }
                    page.setData({
                        isNet: false,
                        isRequested: false
                    })
                    // 記錄本次請求，加載時，執行page實例的reloadFn即可
                      page.reloadFn = wxRequest(obj, cb, page, 1)
                      isOne = false
                  }
            })
        }
    
        if (type) {
            page.isRequested = true
        }
    
        return type ? cachFn : cachFn()
    }

應用

    let data = {
      url: "",
      data: {},
      method: ""
    }

    wxTools.wxRequest(data, (res) => {
        // 數據渲染
        this.setData({})
    }, this)

斷網時，執行this.reloadFn就回重新上一次請求，isNet及判斷是否斷網

云服務器 GPU云服務器微信小程序開發微信小程序開發語言微信小程序開發免費微信小程序開發步驟

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/86714.html

微信小程序開發-斷網重新加載問題

摘要：分析微信小程序目前沒有提供刷新，所以要自己去記錄當前操作，點擊刷新重新執行一遍效果點擊重新加載重新加載頁面實現由于做項目時，頁面渲染離不開接口請求，所以我封裝了一下來判斷是否斷網，及斷網后記錄本次請求請求參數請求成功回掉當前實例執行時當斷網分析微信小程序目前沒有提供刷新API，所以要自己去記錄當前操作，點擊刷新重新執行一遍效果 showImg(https://segmentfau...

codecook 2019-08-30 13:19 評論0 收藏0
微信小程序開發-斷網重新加載問題

摘要：分析微信小程序目前沒有提供刷新，所以要自己去記錄當前操作，點擊刷新重新執行一遍效果點擊重新加載重新加載頁面實現由于做項目時，頁面渲染離不開接口請求，所以我封裝了一下來判斷是否斷網，及斷網后記錄本次請求請求參數請求成功回掉當前實例執行時當斷網分析微信小程序目前沒有提供刷新API，所以要自己去記錄當前操作，點擊刷新重新執行一遍效果 showImg(https://segmentfau...

dailybird 2019-08-01 16:08 評論0 收藏0
微信小程序開發中遇到的問題及解決辦法：微信小程序ad自適應布局（二）

摘要：問題添加微信廣告的小程序在正式上線并且通過審查后，如果有除了純展示的其他需求，比如需要點擊觀看廣告秒才能領取獎勵。場景：微信小程序中添加廣告，可以是微信廣告和自定義廣告的自適應布局；問題：微信廣告在小屏（比如：320）手機上或是設置ad組件父組件寬度小于300px，內容會超出布局范圍；截圖效果：showImg(https://segmentfault.com/img/bVbq...

Freeman 2019-08-02 16:11 評論0 收藏0
微信小程序開發中遇到的問題及解決辦法：微信小程序ad自適應布局（二）

摘要：問題添加微信廣告的小程序在正式上線并且通過審查后，如果有除了純展示的其他需求，比如需要點擊觀看廣告秒才能領取獎勵。場景：微信小程序中添加廣告，可以是微信廣告和自定義廣告的自適應布局；問題：微信廣告在小屏（比如：320）手機上或是設置ad組件父組件寬度小于300px，內容會超出布局范圍；截圖效果：showImg(https://segmentfault.com/img/bVbq...

tanglijun 2019-08-23 16:46 評論0 收藏0