微信小程序通过wx.request()发起网络请求，在我们实际使用时我们可能需要在请求头中加入token等信息，也可能需要对报错信息进行提示，对于每次请求这些工作可能都是重复的，我们需要统一的处理，像其他前端框架那样。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
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94// 这是域名
let verifyCount = [];
let requestCount = [];
const app = getApp();
export const API_URI = 'https://xxx.xxxxxx.cn'
/**
* 接口公共访问方法
* @param {Object} urlPath 访问路径
* @param {Object} requestParams 访问参数（json格式）
* @param {Object} requestCode 访问码，返回处理使用
* @param {Object} onSuccess 成功回调
* @param {Object} onErrorBefore 失败回调
* @param {Object} onComplete 请求完成（不管成功或失败）回调
* @param {Object} isVerify 是否验证重复提交
* @param {Object} requestType 请求类型（默认POST）
* @param {Object} retry 访问失败重新请求次数（默认1次）
*/
const webRequest = (req) => {
let requestType = req.requestType ? req.requestType : "POST";
let urlPath = req.urlPath;
let params = req.params ? req.params : {};
let requestCode = req.requestCode ? req.requestCode : 1;
let onSuccess = req.onSuccess ? req.onSuccess : function() {};
let onErrorBefore = req.onErrorBefore ? req.onErrorBefore : function () { };
let onComplete = req.onComplete ? req.onComplete : function () { };
let isVerify = req.isVerify ? req.isVerify : false;
let retry = req.retry ? req.retry : 1;
let that = this;
//防止重复提交，相同请求间隔时间不能小于500毫秒
let nowTime = new Date().getTime();
if (requestCount[urlPath] && (nowTime - requestCount[urlPath]) < 500) {
return;
}
requestCount[urlPath] = nowTime;
//是否验证重复提交
if (isVerify) {
if (verifyCount[urlPath]) {
return;
}
verifyCount[urlPath] = true; //重复验证开关开启
}
let loading = setTimeout(() => {
wx.showLoading({
title: '请稍候',
})
}, 500)
console.log("发起网络请求, 路径:" + (API_URI + urlPath) + ", 参数:" + JSON.stringify(params));
wx.request({
url: API_URI + urlPath,
data: params,
method: requestType, // OPTIONS, GET, HEAD, POST, PUT, DELETE, TRACE, CONNECT
header: {
'content-type': 'application/json',
'Authorization': 'Bearer ' + app.globalData.tokenInfo.token,
// requestType == 'POST' ? 'application/x-www-form-urlencoded' : 'application/json'
}, // 设置请求的 header
success: res => {
// console.log("返回结果：" + JSON.stringify(res.data));
if (res.data) {
if (res.data.success == true) { //访问成功error.message
onSuccess(res.data.result, requestCode);
} else {
onErrorBefore(!res.data.error||res.data.error.message == null ? "请求失败 , 请重试" : res.data.error.message,res.statusCode);
}
} else {
onErrorBefore("请求失败 , 请重试", res.statusCode);
}
},
fail: res => {
retry--;
console.log("网络访问失败：" + JSON.stringify(res));
onErrorBefore("网络访问失败,请检查网络")
if (retry > 0) return webRequest(req);
},
complete: res => {
onComplete(requestCode);
wx.hideLoading();
clearTimeout(loading);
//请求完成后，1秒后重复验证的开关关闭
if (isVerify) {
setTimeout(function() {
verifyCount[urlPath] = false;
}, 1000);
}
}
})
}
module.exports = {
webRequest: webRequest
}