微信小程序中,向後臺請求數據是,通常想給用戶提示正在加載中,如下圖:
我們可以用wx.showLoading(OBJECT),當請求服務器的地方多了,怎麼才能不每次都要去調用函數,我們只要對wx.request加工下就可以了,在utils下新建js文件network.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
|
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引入即可,之後你要向服務器請求數據只要
1
2
3
4
5
6
7
|
network.request({
url: '' ,
data:{}
success: function (){
}
})
|
這樣就完成了wx.request的加工了,之後只要你向服務器請求數據,就會顯示加載中的樣式