這次給大家?guī)砦⑿判〕绦虻膚x.request 與Promise的結合使用，微信小程序的wx.request與Promise結合使用的注意事項有哪些，下面就是實戰(zhàn)案例，一起來看一下。
在使用Promise,我的多次異步代碼通常是這樣的.ajax(url, function (res){
ajax(res.url, function(res) {
ajax(res.url, function(res) {
if (res.status == '
1'
) {
ajax(res.url, function(res) {
... }
}
else if (res.status == '
2'
) {
ajax(url2, function(res) {
... }
... }
}
}
);
這種流程是很耗費心力并且脆弱的,體驗很糟糕,因此,在這次小程序的開發(fā)中為了更好的體驗,我開始使用了Promise.代碼如下,這樣一來,當我們第二個請求需要第一個參數(shù)判斷時,可以不再陷入回調地獄,// 小程序與后端情求接口 let baseUrlPromise = '
https://xxx.com'
;
// 定義方法返回Promise參數(shù),obj 為wx.request 方法中所需參數(shù) let req = function (obj) {
return new Promise(function (resolve, reject) {
wx.request({
url: baseUrlPromise + obj.url, data: obj.data, header: obj.header, method: obj.method == undefined ? "get" : obj.method, success: function (data) {
// 回調成功執(zhí)行resolve resolve(data) }
, fail: function (data) {
// 回調失敗時 if (typeof reject == '
function'
) {
reject(data);
}
else {
console.log(data);
}
}
, }
) }
) }
// 執(zhí)行req 方法,傳入第一個請求, let req1 = req({
url: '
第一次請求鏈接,與baseUrlPromise 相結合'
, data: {
}
, }
) // 當需要多次請求時加入 req1.then(function (data) {
console.log('
promiseThen1'
) console.log(data);
return req({
url: '
第二次請求鏈接'
, }
) }
).then(function (data) {
console.log('
promiseThen3'
) console.log(data);
return req({
url:'
第三次請求鏈接'
}
) }
).then(......).catch(function(data){
console.log(PromiseCatch) }
)相信看了本文案例你已經(jīng)掌握了方法，更多精彩請關注php中文網(wǎng)其它相關文章！推薦閱讀：
Vue指令的使用JS閉包的使用以上就是微信小程序的wx.request與Promise的結合使用的詳細內容，更多請關注php中文網(wǎng)其它相關文章！
微信
分享相關標簽：
wx.request Promise 小程序本文原創(chuàng)發(fā)布php中文網(wǎng)，轉載請注明出處，感謝您的尊重！
上一篇：
微信小程序怎么實現(xiàn)數(shù)據(jù)雙向綁定
下一篇：
Mocha與chai的使用相關文章相關視頻修改微信號有什么影響嗎？微信中共享實時位置什么意思數(shù)據(jù)庫設計的基本原則是什么？微信小程序調用圖片安全API微信小程序的wx.request與Promise的...牛逼閃閃的 Promise 只需三點wx.navigateTo、wx.redirectTo、wx.request 方法使用講解使用 wx.request 取云端數(shù)據(jù)ES6及Promise異步編程Ajax_callbackHell_Promise [溫州做微信公眾號]