摘要:分析微信小程序目前沒(méi)有提供刷新,所以要自己去記錄當(dāng)前操作,點(diǎn)擊刷新重新執(zhí)行一遍效果點(diǎn)擊重新加載重新加載頁(yè)面實(shí)現(xiàn)由于做項(xiàng)目時(shí),頁(yè)面渲染離不開(kāi)接口請(qǐng)求,所以我封裝了一下來(lái)判斷是否斷網(wǎng),及斷網(wǎng)后記錄本次請(qǐng)求請(qǐng)求參數(shù)請(qǐng)求成功回掉當(dāng)前實(shí)例執(zhí)行時(shí)當(dāng)斷網(wǎng)
分析
微信小程序目前沒(méi)有提供刷新API,所以要自己去記錄當(dāng)前操作,點(diǎn)擊刷新重新執(zhí)行一遍效果
實(shí)現(xiàn)點(diǎn)擊‘重新加載’重新加載頁(yè)面
由于做項(xiàng)目時(shí),頁(yè)面渲染離不開(kāi)接口請(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/115464.html
摘要:分析微信小程序目前沒(méi)有提供刷新,所以要自己去記錄當(dāng)前操作,點(diǎn)擊刷新重新執(zhí)行一遍效果點(diǎn)擊重新加載重新加載頁(yè)面實(shí)現(xiàn)由于做項(xiàng)目時(shí),頁(yè)面渲染離不開(kāi)接口請(qǐng)求,所以我封裝了一下來(lái)判斷是否斷網(wǎng),及斷網(wǎng)后記錄本次請(qǐng)求請(qǐng)求參數(shù)請(qǐng)求成功回掉當(dāng)前實(shí)例執(zhí)行時(shí)當(dāng)斷網(wǎng) 分析 微信小程序目前沒(méi)有提供刷新API,所以要自己去記錄當(dāng)前操作,點(diǎn)擊刷新重新執(zhí)行一遍 效果 showImg(https://segmentfau...
摘要:分析微信小程序目前沒(méi)有提供刷新,所以要自己去記錄當(dāng)前操作,點(diǎn)擊刷新重新執(zhí)行一遍效果點(diǎn)擊重新加載重新加載頁(yè)面實(shí)現(xiàn)由于做項(xiàng)目時(shí),頁(yè)面渲染離不開(kāi)接口請(qǐng)求,所以我封裝了一下來(lái)判斷是否斷網(wǎng),及斷網(wǎng)后記錄本次請(qǐng)求請(qǐng)求參數(shù)請(qǐng)求成功回掉當(dāng)前實(shí)例執(zhí)行時(shí)當(dāng)斷網(wǎng) 分析 微信小程序目前沒(méi)有提供刷新API,所以要自己去記錄當(dāng)前操作,點(diǎn)擊刷新重新執(zhí)行一遍 效果 showImg(https://segmentfau...
摘要:?jiǎn)栴}添加微信廣告的小程序在正式上線并且通過(guò)審查后,如果有除了純展示的其他需求,比如需要點(diǎn)擊觀看廣告秒才能領(lǐng)取獎(jiǎng)勵(lì)。 場(chǎng)景:微信小程序中添加廣告,可以是微信廣告和自定義廣告的自適應(yīng)布局; 問(wèn)題:微信廣告在小屏(比如:320)手機(jī)上或是設(shè)置ad組件父組件寬度小于300px,內(nèi)容會(huì)超出布局范圍; 截圖效果:showImg(https://segmentfault.com/img/bVbq...
摘要:?jiǎn)栴}添加微信廣告的小程序在正式上線并且通過(guò)審查后,如果有除了純展示的其他需求,比如需要點(diǎn)擊觀看廣告秒才能領(lǐng)取獎(jiǎng)勵(lì)。 場(chǎng)景:微信小程序中添加廣告,可以是微信廣告和自定義廣告的自適應(yīng)布局; 問(wèn)題:微信廣告在小屏(比如:320)手機(jī)上或是設(shè)置ad組件父組件寬度小于300px,內(nèi)容會(huì)超出布局范圍; 截圖效果:showImg(https://segmentfault.com/img/bVbq...
閱讀 2204·2021-10-13 09:39
閱讀 3408·2021-09-30 09:52
閱讀 800·2021-09-26 09:55
閱讀 2775·2019-08-30 13:19
閱讀 1888·2019-08-26 10:42
閱讀 3185·2019-08-26 10:17
閱讀 543·2019-08-23 14:52
閱讀 3631·2019-08-23 14:39