在微信小程序开发中，HTTP请求是与服务器交互的基础，用于获取或发送数据。本篇文章主要探讨的是如何对微信小程序的HTTP请求进行封装，以提高代码的可复用性和可维护性。
基础的HTTP请求代码通常如下所示：
```javascript
wx.request({
url: 'test.php',
data: {
x: '',
y: ''
},
method: 'POST',
header: {
'content-type': 'application/json'
},
success: function(res) {
console.log(res.data)
},
fail: function(res) {
fail(res);
}
})
```
然而，这样的写法在实际项目中显得过于冗余，因此我们需要对其进行封装。封装的关注点主要包括：
1. **请求的参数**：这是每次请求都需要的，可能包括URL路径参数和请求体参数。
2. **请求方式**：常见的有GET、POST，有时还需要PUT、DELETE等。
3. **请求参数处理**：可能需要统一处理，如加密、设置公共参数。
4. **请求成功后的数据处理**：可能需要解密、提取业务逻辑所需的数据。
5. **请求失败的反馈**：提供统一的错误处理机制。
不关注的点包括：
1. **请求URL**：通常在配置文件中定义，避免在每个请求中重复书写。
2. **特定接口的参数规则**：这些应由接口文档指导，不应在封装中处理。
基于以上需求，我们可以创建一个名为`network.js`的模块，封装GET和POST请求：
```javascript
var API_URL = 'http://localhost/loverule/api/api.php';
var requestHandler = {
params: {},
success: function(res) {
// success
},
fail: function() {
// fail
},
};
// GET请求
function GET(requestHandler) {
request('GET', requestHandler);
}
// POST请求
function POST(requestHandler) {
request('POST', requestHandler);
}
function request(method, requestHandler) {
// 对params进行预处理，如加密
var params = requestHandler.params;
wx.request({
url: API_URL,
data: params,
method: method,
// header: {}, // 设置请求的header
success: function(res) {
// 对返回数据进行后处理，如解密
requestHandler.success(res);
},
fail: function() {
requestHandler.fail();
},
complete: function() {
// complete
},
});
}
module.exports = { GET: GET, POST: POST };
```
在页面中，我们可以这样调用封装好的HTTP请求：
```javascript
// 导入网络请求模块
var network = require("../../utils/network.js");
// 设置请求参数
var params = new Object();
params.api_name = "api_user_login";
params.account = "hanqing";
params.password = "123456";
// 发起GET请求
network.GET({
params: params,
success: function(res) {
console.log(res);
// 解析并处理返回数据，执行后续业务逻辑
},
fail: function() {
// 处理请求失败的情况
},
});
```
通过这种方式，我们不仅简化了代码，还使得请求处理更加统一，便于在整个项目中进行维护。同时，封装后的请求处理函数也提供了扩展性，可以在`request`函数中添加更多的自定义操作，如错误重试机制、请求超时处理等。
