• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

微信小程序 在使用wx.request时显示加载中

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

微信小程序中,向后台请求数据是,通常想给用户提示正在加载中,如下图:

我们可以用wx.showLoading(OBJECT),当请求服务器的地方多了,怎么才能不每次都要去调用函数,我们只要对wx.request加工下就可以了,在utils下新建js文件network.js

var requestHandler = {
  url: \'\',
  data: {},
  method: \'\',
  success: function (res) {
  },
  fail: function () {
  },
  complete: function () {
  }
}

function request(requestHandler) {
  var data = requestHandler.data;
  var url = requestHandler.url;
  var method = requestHandler.method;
  wx.showLoading({
    title: \'加载中\',
  })
  wx.request({
    url: url,
    data: data,
    method: method,
    success: function (res) {
      wx.hideLoading();
      requestHandler.success(res)
    },
    fail: function () {
      wx.hideLoading();
      requestHandler.fail();
    },
    complete: function () {
      
    }
  })
}

module.exports = {
  request: request
}

 在需要用到的js文件用require引入即可,之后你要向服务器请求数据只要

network.request({
  url:\'\',
  data:{}
  success:function(){
    
  }
})

这样就完成了wx.request的加工了,之后只要你向服务器请求数据,就会显示加载中的样式

 


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
微信小程序请求wx.request数据,渲染到页面发布时间:2022-07-18
下一篇:
微信小程序异步请求问题发布时间:2022-07-18
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap