微信小程序开发封装request
时间: 2023-08-27 21:07:33 浏览: 61
在微信小程序开发中,可以封装request函数来简化网络请求的代码。这样,在发起网络请求时就不需要重复写wx.request({method:xxx})这些代码,只需要调用封装好的getRequest、postRequest等方法即可。\[1\]
以下是一个封装request函数的示例代码:
```javascript
// request.js
function request(url, data = {}, method = "GET") {
return new Promise(function(resolve, reject) {
wx.request({
url: url,
data: data,
method: method,
header: {
'Content-Type': 'application/json',
'X-Litemall-Token': wx.getStorageSync('token')
},
success: function(res) {
if (res.statusCode == 200) {
if (res.data.errno == 501) {
// 清除登录相关内容
try {
wx.removeStorageSync('userInfo');
wx.removeStorageSync('token');
} catch (e) {
// 处理异常
}
// 切换到登录页面
wx.navigateTo({
url: '/pages/auth/login/login'
});
} else {
resolve(res.data);
}
} else {
reject(res.errMsg);
}
},
fail: function(err) {
reject(err);
}
});
});
}
```
在页面中调用封装好的request函数时,可以按照以下方式进行:
```javascript
// 页面中调用request函数
util.request(api.GoodsList, {
data1: "",
data2: ""
})
.then(function(res) {
// 请求成功接收到的res
console.log(res);
});
```
通过封装request函数,可以提高代码的复用性和可维护性,使网络请求的代码更加简洁和易读。\[2\]\[3\]
#### 引用[.reference_title]
- *1* [【微信小程序原生】 封装request](https://blog.csdn.net/AAAXiaoApple/article/details/124715966)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^koosearch_v1,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* *3* [微信小程序封装request](https://blog.csdn.net/weixin_43857786/article/details/116291951)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^koosearch_v1,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]