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

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

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

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

上一篇:css float笔记


下一篇:Eclipse中的BuildPath详解【转载】