promise执行多个ajax的请求

写在前面:作为入门级菜鸟,当项目切了环境用上node,vue,es6的时候,发现要学习理解的东西还有太多,之前连Promise是个啥都不知道。

翻了翻书上说 Promise是抽象异步处理对象以及对其进行各种操作的组件,略抽象看不懂是不是啊~于是请教了大神

  简单说就是:每一个异步请求立刻返回一个Promise对象,由于是立刻返回,所以可以采用同步操作的流程。而Promise的then方法,允许指定回调函数,在异步任务完成后调用。

  下面的setTimeout()可以代替理解为一个ajax请求:

    

function a () {

  return new Promise (function(resolve, reject) {

    setTimeout(function () {

          console.log(‘执行任务a‘);

resolve(‘执行任务a成功‘);

}, 1000);

});

}

function b () {

  return new Promise(function (resolve, reject){

    setTimeout(function(){

     console.log(‘执行任务b‘);

     resolve(‘执行任务b成功‘);

}, 2000);

});

}

function c () {

console.log(‘最后执行c‘)

}

// 只有在a成功执行了之后,才执行b,在b成功执行了之后再执行C(谁先请求执行谁~)

a().then(b()).then(c());

时间: 2024-10-12 12:40:29

promise执行多个ajax的请求的相关文章

ajax同步请求时,google浏览器崩溃。改用Deferred

jQuery的开发速度很快,几乎每半年一个大版本,每两个月一个小版本. 每个版本都会引入一些新功能.今天我想介绍的,就是从jQuery 1.5.0版本开始引入的一个新功能----deferred对象. 这个功能很重要,未来将成为jQuery的核心方法,它彻底改变了如何在jQuery中使用ajax.为了实现它,jQuery的全部ajax代码都被改写了.但是,它比较抽象,初学者很难掌握,网上的教程也不多.所以,我把自己的学习笔记整理出来了,希望对大家有用. 本文不是初级教程,针对的读者是那些已经具备

黑马eesy_15 Vue:03.生命周期与ajax异步请求&&04.vue案例

黑马eesy_15 Vue:02.常用语法 vue的生命周期与ajax异步请求 1.Vue的快速入门2.Vue的语法 插值表达式 事件的绑定 数据的显示 逻辑判断和循环输出3.Vue的生命周期 8个生命周期的执行点 4个基本的 4个特殊的4.axios的ajax异步请求 它和jquery的ajax比较相似 5.综合案例    实现用户的查询列表和更新操作        前端:Vue        后端:ssm 3.VueJS生命周期 每个 Vue 实例在被创建之前都要经过一系列的初始化过程. v

Ajax --- 数据请求

下面主要介绍(JS原生)数据请求的主要步骤: Ajax 数据请求步骤: 1.创建XMLHttpRequest对象 2.准备数据发送 3.执行发送 4.指定回掉函数 第一步:创建XMLHttpRequest对象 1 var xhr = new XMLHttpRequest(); // 标准浏览器 2 3 var xhr = new ActiveXObject('Microsoft.XMLHTTP'); // IE6 第二步:使用 open() 方法将参数传入 1 xhr.open('get','.

ajax页面请求的做的留言板

在jquery中关于ajax的请求页面的函数主要有: load.get.post.$.ajax; 主要的用法是: ①. load(url):可以单独这么来加载其他地方的页面,当需要特定加载某一个页面的一处时,可以加个空格#id即格式是:example.html #id;加载后返回被加载页面部分到调用该方法 的对象处. ②. load(url,{data},true);里面有三个参数,一个是需要加载的url.传送给服务器的数据data,一般以json对象传输,第三个参数是是否是异步或者同步加载页面

AJAX POST请求中参数以form data和request payload形式在servlet中的获取方式

HTTP请求中,如果是get请求,那么表单参数以name=value&name1=value1的形式附到url的后面,如果是post请求,那么表单参数是在请求体中,也是以name=value&name1=value1的形式在请求体中.通过chrome的开发者工具可以看到如下(这里是可读的形式,不是真正的HTTP请求协议的请求格式): get请求: RequestURL:http://127.0.0.1:8080/test/test.do?name=mikan&address=str

Ajax异步请求的各种使用情况

首先介绍下Ajax的各项参数: url : 发送请求的地址  (默认: 当前页地址) data :发送到服务器的数据 (必须为 Key/Value 格式) type : 请求方式 ("POST" 或 "GET"), 默认为 "GET". dataType : 预期服务器返回的数据类型.如果不指定,jQuery 将自动根据 HTTP 包 MIME 信息来智能判断,比如XML MIME类型就被识别为XML.在1.4中,JSON就会生成一个JavaSc

MVC&WebFomr对照学习:ajax异步请求

写在前面:由于工作需要,本人刚接触asp.net mvc,虽然webform的项目干过几个.但是也不是很精通.抛开asp.net webform和asp.net mvc的各自优劣和诸多差异先不说.我认为虽然mvc和webform有诸多不同,但是也只是为了达到相同的目的而在各自的机制下采取了不同的手段而已.更何况它们都是基于asp.net框架的.因此在解决mvc开发过程中的问题时,我很容易联想到在webform下同样的问题是如何解决的.以此来作为对照.我姑且把这种方法叫做迁移学习法吧.我以"小孩之

解决YII提交POST表单出现400错误,以及ajax post请求时出现400问题

POST表单400错误: 正确做法: Add this in the head section of your layout: <?= Html::csrfMetaTags() ?> ---------------------------------  不推荐的做法,以下做法是取消CSRF令牌验证: Add this in your controller: public $enableCsrfValidation = false; 别的方法: 原来是csrf验证的问题,因为表单是自己写的,在Y

SpringMVC环境下实现的Ajax异步请求(JSON格式数据)

一 环境搭建 首先是常规的spring mvc环境搭建,不用多说,需要注意的是,这里需要引入jackson相关jar包,然后在spring配置文件"springmvc-servlet.xml"中添加json解析相关配置,我这里的完整代码如下: <?xml version="1.0" encoding="UTF-8"?> <beans xmlns="http://www.springframework.org/schem