大橙子网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
小编给大家分享一下微信小程序的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) { ... } } else if (res.status == '2') { ajax(url2, function(res) { ... } ... } } } );
这种流程是很耗费心力并且脆弱的,体验很糟糕,因此,在这次小程序的开发中为了更好的体验,我开始使用了Promise.
代码如下,这样一来,当我们第二个请求需要第一个参数判断时,可以不再陷入回调地狱,
// 小程序与后端情求接口 let baseUrlPromise = 'https://xxx.com'; // 定义方法返回Promise参数,obj 为wx.request 方法中所需参数 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) { // 回调成功执行resolve resolve(data) }, fail: function (data) { // 回调失败时 if (typeof reject == 'function') { reject(data); } else { console.log(data); } }, }) }) } // 执行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) })
以上是“微信小程序的wx.request与Promise结合使用的案例”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注创新互联行业资讯频道!