码迷,mamicode.com
首页 > 微信 > 详细

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

时间:2018-05-17 20:38:55      阅读:809      评论:0      收藏:0      [点我收藏+]

标签:引入   let   hand   hide   url   就会   div   object   调用函数   

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

技术分享图片

我们可以用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的加工了,之后只要你向服务器请求数据,就会显示加载中的样式

 

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

标签:引入   let   hand   hide   url   就会   div   object   调用函数   

原文地址:https://www.cnblogs.com/clicklin/p/9048904.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!