最(zui)近(jin)做小程序在(zai)調(diao)用后臺接口的時候感(gan)覺總寫很長一串，很冗雜。非常想念vue中promise封(feng)裝的寫法，于是自己初步封(feng)裝了一下。
1.url 接口(kou)地址(zhi)
2.headers請求頭
3. params 請求參數(shu)
4.host 服務端地(di)址
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對象轉換成字符串
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;
}
|
到這兒呢就結束了，就可以愉快的通過then來取回(hui)調了。
當(dang)然在這里還可以(yi)做錯誤(wu)統一(yi)處理(li)，我這兒只是簡單(dan)的做了封(feng)(feng)裝，有興趣的小(xiao)伙伴可以(yi)進(jin)一(yi)步封(feng)(feng)裝。
