小程序 請(qǐng)求Promise簡(jiǎn)單封裝
發(fā)布時(shí)間：2021-07-07 08:58 所屬欄目：小程序開(kāi)發(fā)教程
最近做小程序在調(diào)用后臺(tái)接口的時(shí)候感覺(jué)總寫(xiě)很長(zhǎng)一串，很冗雜。非常想念vue中promise封裝的寫(xiě)法，于是自己初步封裝了一下。
1.url 接口地址
2.headers請(qǐng)求頭
3. params 請(qǐng)求參數(shù)
4.host 服務(wù)端地址
POST:
export function httpPost(url, params,params,) {
let promise = new Promise((resolve, reject) => {
wx.request({
url: host + url,
header: headers ? headers : { "content-type": "application/json" },
data: params,
method: "POST",
success: function(res) {
resolve(res);
},
fail: err => {
reject(err);
}
});
});
return promise;
}
|
GET:
export function httpGet(url, params, headers) {
let paramsStr = url;
let num = 0;
// 將params對(duì)象轉(zhuǎn)換成字符串
for (let i in params) {
if (num < 1) {
paramsStr += `?${i}=${params[i]}`;
} else {
paramsStr += `&${i}=${params[i]}`;
}
num++;
}
let promise = new Promise((resolve, reject) => {
wx.request({
url: host + paramsStr,
header: headers ? headers : { "content-type": "application/json" },
method: "GET",
success: function(res) {
resolve(res);
},
fail: err => {
reject(err);
}
});
});
return promise;
}
|
到這兒呢就結(jié)束了，就可以愉快的通過(guò)then來(lái)取回調(diào)了。
當(dāng)然在這里還可以做錯(cuò)誤統(tǒng)一處理，我這兒只是簡(jiǎn)單的做了封裝，有興趣的小伙伴可以進(jìn)一步封裝。
易優(yōu)小程序（企業(yè)版）+靈活api+前后代碼開(kāi)源
碼云倉(cāng)庫(kù):
本文地址：http://22321a.com/wxmini/doc/course/27058.html 復(fù)制鏈接
如需定制請(qǐng)聯(lián)系易優(yōu)客服咨詢：800182392 點(diǎn)擊咨詢
