摘要:分析微信小程序目前没有提供刷新,所以要自己去记录当前操作,点击刷新重新执行一遍效果点击重新加载重新加载页面实现由于做项目时,页面渲染离不开接口请求,所以我封装了一下来判断是否断网,及断网后记录本次请求请求参数请求成功回掉当前实例执行时当断网
分析
微信小程序目前没有提供刷新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及判断是否断网
文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。
转载请注明本文地址:https://www.ucloud.cn/yun/50323.html
摘要:分析微信小程序目前没有提供刷新,所以要自己去记录当前操作,点击刷新重新执行一遍效果点击重新加载重新加载页面实现由于做项目时,页面渲染离不开接口请求,所以我封装了一下来判断是否断网,及断网后记录本次请求请求参数请求成功回掉当前实例执行时当断网 分析 微信小程序目前没有提供刷新API,所以要自己去记录当前操作,点击刷新重新执行一遍 效果 showImg(https://segmentfau...
摘要:分析微信小程序目前没有提供刷新,所以要自己去记录当前操作,点击刷新重新执行一遍效果点击重新加载重新加载页面实现由于做项目时,页面渲染离不开接口请求,所以我封装了一下来判断是否断网,及断网后记录本次请求请求参数请求成功回掉当前实例执行时当断网 分析 微信小程序目前没有提供刷新API,所以要自己去记录当前操作,点击刷新重新执行一遍 效果 showImg(https://segmentfau...
摘要:问题添加微信广告的小程序在正式上线并且通过审查后,如果有除了纯展示的其他需求,比如需要点击观看广告秒才能领取奖励。 场景:微信小程序中添加广告,可以是微信广告和自定义广告的自适应布局; 问题:微信广告在小屏(比如:320)手机上或是设置ad组件父组件宽度小于300px,内容会超出布局范围; 截图效果:showImg(https://segmentfault.com/img/bVbq...
摘要:问题添加微信广告的小程序在正式上线并且通过审查后,如果有除了纯展示的其他需求,比如需要点击观看广告秒才能领取奖励。 场景:微信小程序中添加广告,可以是微信广告和自定义广告的自适应布局; 问题:微信广告在小屏(比如:320)手机上或是设置ad组件父组件宽度小于300px,内容会超出布局范围; 截图效果:showImg(https://segmentfault.com/img/bVbq...
阅读 1693·2021-10-18 13:34
阅读 3844·2021-09-08 10:42
阅读 1537·2021-09-02 09:56
阅读 1589·2019-08-30 15:54
阅读 3102·2019-08-29 18:44
阅读 3281·2019-08-26 18:37
阅读 2181·2019-08-26 12:13
阅读 434·2019-08-26 10:20