微信小程序的wx.request和Promise的结合(微信小程序的await promise用法)

这次给大家带来的是微信小程序的wx.request和无极组合。微信小程序的wx.request和Promise结合有哪些注意事项？以下是实际案例。让我们来看看。

使用Promise时，我的异步代码通常是这样的。

ajax(url，function (res){ ajax(res.url，function(res) { ajax(res.url，function(RES){ if(RES . status = = # 39；1'){ ajax(res.url，function(res) {...} } else if(RES . status = = # 39；2'){ ajax(url2，function(res) {...} ...} }});这个过程很疲惫，很脆弱，体验很不好。所以在这个小程序的开发中，为了更好的体验，我开始使用Promise。

代码如下，这样当我们的第二个请求需要第一个参数判断时，就可以不再陷入回调地狱，

//let baseurl promise = # 39；https://XXX . com # 39；；//定义方法的return Promise参数，obj为必选参数let req = function(obj){ return new Promise(function(resolve，reject){ wx . request({ URL:baseurl Promise+obj . URL，data: obj.data，header: obj.header，method: obj.method == undefined？"获取 :obj.method，success:function(data){//回调成功执行resolve resolve(data)}，Fail: function (data) {// If当回调失败时(拒绝类型= = # 39；功能 # 39；){拒绝(数据)；} else { console . log(data)；}}，})} }//执行req方法，传入第一个请求，让req 1 = req({ URL: # 39；第一个请求链接，与baseUrlPromise # 39，data: {}，})//Join req 1 . then(function(data){ console . log( # 39；承诺1 # 39；)console.log(数据)；退货请求({ URL: # 39；第二次请求链接 # 39；, }) }).然后(function(data){ console . log( # 39；承诺3 # 39；)console.log(数据)；退货请求({ URL: # 39；第三次请求链接 # 39；})}).然后(......).catch(function(data){ console . log(promise catch)})相信你看完这个案例已经掌握了方法。更多精彩请关注主机参考其他相关文章！

推荐阅读:

Vue指令的使用

JS闭包的使用以上是微信小程序wx.request和Promise结合的详细内容。请多关注主机参考其他相关文章！

这几篇文章你可能也喜欢：

• 改进异步封装：使用返回值处理异步调用【k3】Border City In
• 微信小程序wx.request和Promise的结合

本文由主机参考刊发，转载请注明：微信小程序的wx.request和Promise的结合(微信小程序的await promise用法) https://zhujicankao.com/80634.html