資訊專欄INFORMATION COLUMN
摘要：分析微信小程序目前沒有提供刷新，所以要自己去記錄當(dāng)前操作，點(diǎn)擊刷新重新執(zhí)行一遍效果點(diǎn)擊重新加載重新加載頁(yè)面實(shí)現(xiàn)由于做項(xiàng)目時(shí)，頁(yè)面渲染離不開接口請(qǐng)求，所以我封裝了一下來(lái)判斷是否斷網(wǎng)，及斷網(wǎng)后記錄本次請(qǐng)求請(qǐng)求參數(shù)請(qǐng)求成功回掉當(dāng)前實(shí)例執(zhí)行時(shí)當(dāng)斷網(wǎng)
分析
微信小程序目前沒有提供刷新API，所以要自己去記錄當(dāng)前操作，點(diǎn)擊刷新重新執(zhí)行一遍效果
實(shí)現(xiàn)點(diǎn)擊‘重新加載’重新加載頁(yè)面
由于做項(xiàng)目時(shí)，頁(yè)面渲染離不開接口請(qǐng)求，所以我封裝了一下wx.request來(lái)判斷是否斷網(wǎng)，及斷網(wǎng)后記錄本次請(qǐng)求
/**
* obj request請(qǐng)求參數(shù)
* cb requrst請(qǐng)求成功回掉
* page 當(dāng)前page實(shí)例
**/
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執(zhí)行時(shí)當(dāng)斷網(wǎng)處理
fail: function () {
// 防止fail 有時(shí)會(huì)執(zhí)行兩次，影響渲染
if (!isOne) {
return
}
page.setData({
isNet: false,
isRequested: false
})
// 記錄本次請(qǐng)求，加載時(shí)，執(zhí)行page實(shí)例的reloadFn即可
page.reloadFn = wxRequest(obj, cb, page, 1)
isOne = false
}
})
}
if (type) {
page.isRequested = true
}
return type ? cachFn : cachFn()
}
應(yīng)用
let data = {
url: "",
data: {},
method: ""
}
wxTools.wxRequest(data, (res) => {
// 數(shù)據(jù)渲染
this.setData({})
}, this)
斷網(wǎng)時(shí)，執(zhí)行this.reloadFn就回重新上一次請(qǐng)求，isNet及判斷是否斷網(wǎng)
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://specialneedsforspecialkids.com/yun/50323.html
摘要：分析微信小程序目前沒有提供刷新，所以要自己去記錄當(dāng)前操作，點(diǎn)擊刷新重新執(zhí)行一遍效果點(diǎn)擊重新加載重新加載頁(yè)面實(shí)現(xiàn)由于做項(xiàng)目時(shí)，頁(yè)面渲染離不開接口請(qǐng)求，所以我封裝了一下來(lái)判斷是否斷網(wǎng)，及斷網(wǎng)后記錄本次請(qǐng)求請(qǐng)求參數(shù)請(qǐng)求成功回掉當(dāng)前實(shí)例執(zhí)行時(shí)當(dāng)斷網(wǎng) 分析 微信小程序目前沒有提供刷新API，所以要自己去記錄當(dāng)前操作，點(diǎn)擊刷新重新執(zhí)行一遍 效果 showImg(https://segmentfau...
摘要：分析微信小程序目前沒有提供刷新，所以要自己去記錄當(dāng)前操作，點(diǎn)擊刷新重新執(zhí)行一遍效果點(diǎn)擊重新加載重新加載頁(yè)面實(shí)現(xiàn)由于做項(xiàng)目時(shí)，頁(yè)面渲染離不開接口請(qǐng)求，所以我封裝了一下來(lái)判斷是否斷網(wǎng)，及斷網(wǎng)后記錄本次請(qǐng)求請(qǐng)求參數(shù)請(qǐng)求成功回掉當(dāng)前實(shí)例執(zhí)行時(shí)當(dāng)斷網(wǎng) 分析 微信小程序目前沒有提供刷新API，所以要自己去記錄當(dāng)前操作，點(diǎn)擊刷新重新執(zhí)行一遍 效果 showImg(https://segmentfau...
摘要：?jiǎn)栴}添加微信廣告的小程序在正式上線并且通過審查后，如果有除了純展示的其他需求，比如需要點(diǎn)擊觀看廣告秒才能領(lǐng)取獎(jiǎng)勵(lì)。 場(chǎng)景：微信小程序中添加廣告，可以是微信廣告和自定義廣告的自適應(yīng)布局； 問題：微信廣告在小屏（比如：320）手機(jī)上或是設(shè)置ad組件父組件寬度小于300px，內(nèi)容會(huì)超出布局范圍； 截圖效果：showImg(https://segmentfault.com/img/bVbq...
摘要：?jiǎn)栴}添加微信廣告的小程序在正式上線并且通過審查后，如果有除了純展示的其他需求，比如需要點(diǎn)擊觀看廣告秒才能領(lǐng)取獎(jiǎng)勵(lì)。 場(chǎng)景：微信小程序中添加廣告，可以是微信廣告和自定義廣告的自適應(yīng)布局； 問題：微信廣告在小屏（比如：320）手機(jī)上或是設(shè)置ad組件父組件寬度小于300px，內(nèi)容會(huì)超出布局范圍； 截圖效果：showImg(https://segmentfault.com/img/bVbq...
閱讀 1718·2021-10-18 13:34
閱讀 3906·2021-09-08 10:42
閱讀 1551·2021-09-02 09:56
閱讀 1606·2019-08-30 15:54
閱讀 3127·2019-08-29 18:44
閱讀 3298·2019-08-26 18:37
閱讀 2212·2019-08-26 12:13
閱讀 454·2019-08-26 10:20
