微信小程序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结合的详细内容。更多资讯请关注主机参考其他相关文章！

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

• 下面来说说小程序中页面传递参数的几种方式（微信小程序页面传递值）。
• 如何在小程序中实现下拉刷新和上拉加载功能？（附代码）（小程序的上拉加载触发器）
• 如何在小程序中创建页面二维码
• 如何通过applet vant组件将默认样式单元px转换为rpx（Vantui applet）
• 再来说说微信小程序中的生命周期（功能）（请谈谈小程序的生命周期功能？)

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