const api_url="...";//接口地址
function fetchRequest(url, method, data) {
return new Promise((resolve, reject)=>{
wx.request({
url: `${api_url}${url}`,
data: data,
method: method, // OPTIONS, GET, HEAD, POST, PUT, DELETE, TRACE, CONNECT
header: {
'content-type': 'application/json',
}, // 设置请求的 header
success: ((res)=>{
if(res.statusCode=== 200) {
//成功
resolve(res)
} else {
reject(res)
}
}),
fail: function() {
// fail
console.log('fail')
},
complete: function() {
// complete
console.log('complete')
}
})
})
}
//例举了3中常用的get,post,delete请求方式,其他的请求方式同理
const requestGet = (url, data)=> fetchRequest(url, 'GET', data);
const requestPost=(url, data)=> fetchRequest(url, 'POST', data);
const requestDelete=(url, data)=> fetchRequest(url, 'DELETE', data);
module.exports = {
requestGet,
requestPost,
requestDelete
}
小程序request封装成promise
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
相关阅读更多精彩内容
- 回调地狱一向是影响开发和维护的症结所在,无数个success()的嵌套再嵌套,导致代码层级颇深,盘一次逻辑都要...
- 回调地狱一向是影响开发和维护的症结所在,无数个success()的嵌套再嵌套,导致代码层级颇深,盘一次逻辑都要...
- /** * 封装request请求 * * 不要掉入回调的地狱中... */ function request(u...
- 在开发项目过大时,太多的接口如果不进行封装的话会很难以管理,今天就来说一下怎么通过Promise进行二次封装wx....