当前位置:首页 > 日记 > 正文

promise处理多个相互依赖的异步请求 | 实例讲解

promise处理多个相互依赖的异步请求 | 实例讲解

在项目中,经常会遇到多个相互依赖的异步请求。如有a,b,c三个ajax请求,b需要依赖a返回的数据,c又需要a和b请求返回的数据。如果采用请求嵌套请求的方式自然是不可取的。导致代码难以维护,如何请求很多。会出现很多问题。

Promise就是解决多个异步请求的问题。 Promise是ES6提供的一个对象,用来传递异步操作的消息。

Promise有三种状态:Pending(进行中)、Resolved(已完成,又称 Fulfilled)和 Rejected(已失败)。

直接上代码。有a,b请求,b依赖a的请求数据。如下:

function a(){      return new Promise(function(res,rej){        $.ajax({          url:"a",          type: "GET",          async:true,          dataType:"json",          success:function(data){            console.log(data,"a");            res(data);          }        })      });    }    function b(data){      console.log(data,"data");      return new Promise(function(res,rej){        $.ajax({            url:"b",            type: "POST",            async:true,            data:JSON.stringify(data),            dataType:"json",            success:function(data){              console.log(data,"b");              res();            }          })      });    }    $("#btn").click(function(){      a().then(function (data){        b(data);      }).then(function(){      })    })

接口url在网上找了一个,可以看运行结果:

以上这篇promise处理多个相互依赖的异步请求(实例讲解)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。

相关文章

怎么样调出天蓝色清新外景婚片的PS

怎么样调出天蓝色清新外景婚片的PS

教程,天蓝色,外景,快速,电脑软件,  好多童鞋给我抱怨说客片太难转色了,春天的小清新感都转不了,其实并不难,运用好互补色来进行加减色,能很快调整好照片的偏色。以下是小编为您带来的关于快速调出天蓝色清新外景婚片的PS教程,希望对您有所帮助…

excel表格设置数字递增的教程excel

excel表格设置数字递增的教程excel

设置,数字,教程,表格,电脑软件,  Excel表格中的数字递增该如何设置呢?接下来是小编为大家带来的excel表格设置数字递增的教程,供大家参考。excel表格设置数字递增的教程设置数字递增步骤1:比如一个数据,从它下拉做递增数列。将鼠标放在该单…

AI绘制卡通可爱鸡宝宝插画教程

AI绘制卡通可爱鸡宝宝插画教程

教程,绘制,插画,卡通,可爱,AI进阶教程:使用AI绘制可爱的鸡宝宝插画,教程主要介绍了鸡身体部分、鸡的腿部、耳机部分、眼睛部分、鸡冠部分、鸡嘴部分及录音机等部分的制作过程,通过本教程带大家掌握钢笔工具、形状工具、剪切蒙版的使用方法,以…

excel2010无法打开xlsx的解决方法

excel2010无法打开xlsx的解决方法

步骤,解决方法,无法打开,不可用,电脑软件,  excel2010本来就是以xlsx保存的文件,但是却显示无法打开时怎么回事。下面让小编为你带来excel2010无法打开xlsx的解决方法,希望对你有帮助!excel2010无法打开xlsx的解决步骤一、 单击开始菜单,选择…

excel表格打印首尾线不全的解决方

excel表格打印首尾线不全的解决方

解决方法,首尾,不全,表格,电脑软件,  在Excel中打印会遇到各种各样的问题,其中就有首尾线不全的问题,该如何解决呢?接下来是小编为大家带来的excel表格打印首尾线不全的解决方法,供大家参考。excel表格打印首尾线不全的解决方法打印首尾线不…

WPS表格怎么进行多表格的同时编辑W

WPS表格怎么进行多表格的同时编辑W

多表,方法,表格,编辑,电脑软件,  我们用WPS表格进行工作表编辑时,需要在多个表格中编辑同样的内容,可能很多人采取的还是复制粘贴这种方法,其实有更好的方法,下面小编就教你具体怎么做吧。WPS表格进行多表格的同时编辑的方法①我们打开WPS表…

qq2017怎么查看单向好友查看qq单向

qq2017怎么查看单向好友查看qq单向

步骤,方法,好友,电脑软件,qq,  QQ新版本发布之后,增加了一个从对方列表中删除的功能。但是如果你删除好友的时候,只是单纯的删除。但是没有从对方删除的话,那么对方QQ里面你还是还有呢,这样也就出现了单向好友的关系,就是所谓的单相思。你知道…

ES6解构赋值的功能与用途实例分析

ES6解构赋值的功能与用途实例分析

实例分析,赋值,用途,功能,电脑软件,本文实例讲述了ES6解构赋值的功能与用途。分享给大家供大家参考,具体如下:(1)交换变量的值[x, y] = [y, x];上面代码交换变量x和y的值,这样的写法不仅简洁,而且易读,语义非常清晰。(2)从函数返回多个值函数只能返…

ps制作拟物胶囊药丸icon图标教程

ps制作拟物胶囊药丸icon图标教程

图标,药丸,胶囊,教程,电脑软件,这个拟物ps胶囊的原图来自insfire studios.因为器新奇的创意和一些细致的细节,所以我临摹了这个作品,并且将其做成教程,将这个ps“药丸”教程分享给大家。12 3 4 阅读全文1 23 4 阅读全文1 2 34 阅…

Photoshop制作非常酷的都市战争海

Photoshop制作非常酷的都市战争海

海报,战争,都市,电脑软件,Photoshop,作者设计水平非常厉害,效果不管是构图、用色、细节、光影等都表现的非常到位;新手练习的时候可以学到不少东西。最终效果一、头脑风暴 头脑风暴是为了提炼关键词找素材,这次我们做的事都市战争合成海报,所以…

WPS中如何使用免费的稻壳模板

WPS中如何使用免费的稻壳模板

模板,稻壳,如何使用,电脑软件,WPS,  wps中很多漂亮的模板需要付费,但是我们可以使用稻壳模板,只需要签到赚稻米就可以了。以下是小编为您带来的关于WPS免费使用稻壳模板,希望对您有所帮助。WPS免费使用稻壳模板1、WPS的 PPT word 表格 都有…

深入浅出es6模板字符串

深入浅出es6模板字符串

字符串,模板,深入浅出,电脑软件,本文主要介绍了深入浅出es6模板字符串,分享给大家,具体如下作为前端开发者避免不了根据后台数据的返回,组装html,渲染页面。举个栗子$('#result').append( 'There are <b>' + basket.count + '</b> ' + '…