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
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
- 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
推荐阅读更多精彩内容
- 回调地狱一向是影响开发和维护的症结所在,无数个success()的嵌套再嵌套,导致代码层级颇深,盘一次逻辑都要...
- /** * 封装request请求 * * 不要掉入回调的地狱中... */ function request(u...
- 在开发项目过大时,太多的接口如果不进行封装的话会很难以管理,今天就来说一下怎么通过Promise进行二次封装wx....