微信小程序wx.request和Promise的结合

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

使用Promise时，我的多异步代码通常如下所示。

Ajax（URL，function（RES）{ Ajax（RES . URL，function（RES ）{ Ajax（RES . URL，function（RES ）{ if（RES . status = =‘1‘）{ Ajax（RES . URL，function（RES ）{ Ajax）...} } else if（RES . status = =‘2‘）{ Ajax（URL 2，function（RES ）{...} ...} }});这个过程非常疲惫和脆弱，体验非常糟糕。因此，在这个小程序开发中，我开始使用Promise以获得更好的体验。

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

//小程序和后端爱心接口let base URL promise =‘https://XXX . com‘；//定义的方法返回Promise参数，而obj是wx.request方法中的必需参数，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？“get”:obj . method，success:function（data）{//回调成功执行resolve resolve（data）}，Fail:function（data）{//If（type of reject = =‘function‘）当回调失败时{ reject（data）；} else { console . log（data）；}}，}）}//执行req方法并传入第一个请求，当需要多个请求时，让req 1 = req（{ URL:‘First request for link，combined baseurl promise’，data: {}，}）//Add req 1 . then（function（data）{ console . log（‘promise then 1’）console . log（data）；return req（{ URL:‘第二个链接请求‘，}）}）。then（function（data）{ console . log（‘promise then 3’）console . log（data）；return req（{ URL:‘第三个链接请求‘}）}）。然后(...).catch（function（data）{ console . log（promise catch）}）相信大家看完这个案例已经掌握了方法。更多精彩请关注主机参考其他相关文章！

推荐阅读:

Vue指令的使用

JS闭包的使用

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

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

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

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