在微信小程序开发中,网络请求是必不可少的一部分。为了提高代码的复用性和可维护性,我们需要对网络请求进行封装。💡 通过封装,可以统一管理接口地址、请求头以及错误处理逻辑,让开发者专注于业务逻辑的实现。
首先,创建一个`request.js`文件,将所有网络请求集中于此。例如:
```javascript
const request = (url, method = 'GET', data = {}) => {
return new Promise((resolve, reject) => {
wx.request({
url: url,
method: method,
data: data,
header: { 'content-type': 'application/json' },
success(res) {
resolve(res.data);
},
fail(err) {
console.error('请求失败:', err);
reject(err);
}
});
});
};
```
其次,在实际使用时,只需调用封装好的函数即可,如下所示:
```javascript
request('/api/getData', 'POST', { key: 'value' })
.then(data => {
console.log('数据获取成功:', data);
})
.catch(err => {
console.error('请求异常:', err);
});
```
通过这样的方式,不仅提升了代码的整洁度,还大大减少了重复工作。💪 快来试试吧!✨