jQuery使用deferreds串行多个ajax请求


Posted in Javascript onAugust 22, 2016

使用JQuery对多个ajax请求串行执行。

HTML代码:

<a href="#">Click me!</a>
<div></div>

JS:

function GetSomeDeferredStuff() {
var deferreds = [];
var i = 1;
for (i = 1; i <= 10; i++) {
var count = i;
deferreds.push(
$.post('/echo/html/', {
html: "<p>Task #" + count + " complete.",
delay: count
}).success(function(data) {
$("div").append(data);
}));
}
return deferreds;
}
$(function() {
$("a").click(function() {
var deferreds = GetSomeDeferredStuff();
$.when.apply(null, deferreds).done(function() {
$("div").append("<p>All done!</p>");
});
});
});

方法类似于Node.js中的q,使用promise defer模式将所有的ajax请求放到一个数组里,然后通过$.when.apply().done()将所有ajax请求依次执行。

以上所述是小编给大家介绍的jQuery使用deferreds串行多个ajax请求,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
北京奥运官方网站幻灯切换效果flash版打包下载
Jan 30 Javascript
jQuery$命名冲突怎么办如何解决
Jan 16 Javascript
脚本合并提升javascript性能示例
Feb 24 Javascript
angularJS中$apply()方法详解
Jan 07 Javascript
jquery实现图片切换代码
Oct 13 Javascript
jQuery实现百度登录框的动态切换效果
Apr 21 jQuery
Vue+axios 实现http拦截及路由拦截实例
Apr 25 Javascript
socket.io学习教程之基本应用(二)
Apr 29 Javascript
详解Node.js amqplib 连接 Rabbit MQ最佳实践
Jan 24 Javascript
jquery制作的移动端购物车效果完整示例
Feb 24 jQuery
浅谈js数组splice删除某个元素爬坑
Oct 14 Javascript
vue3.0 加载json的方法(非ajax)
Oct 26 Javascript
JavaScript代码里的判断小结
Aug 22 #Javascript
angularjs 源码解析之scope
Aug 22 #Javascript
js表单元素checked、radio被选中的几种方法(详解)
Aug 22 #Javascript
js严格模式总结(分享)
Aug 22 #Javascript
xtemplate node.js 的使用方法实例解析
Aug 22 #Javascript
node.js express安装及示例网站搭建方法(分享)
Aug 22 #Javascript
angularjs 源码解析之injector
Aug 22 #Javascript
You might like
坏狼的PHP学习教程之第2天
2008/06/15 PHP
php产生随机数的两种方法实例代码 输出随机IP
2011/04/08 PHP
laravel Task Scheduling(任务调度)在windows下的使用详解
2019/10/22 PHP
[原创]IE view-source 无法查看看源码 JavaScript看网页源码
2009/07/19 Javascript
JS弹出对话框返回值代码(asp.net后台)
2010/12/28 Javascript
用Javascript实现Windows任务管理器的代码
2012/03/27 Javascript
如何实现JavaScript动态加载CSS和JS文件
2020/12/28 Javascript
一个超简单的jQuery回调函数例子(分享)
2016/08/08 Javascript
详解vue父子模版嵌套案例
2017/03/04 Javascript
搭建简单的nodejs http服务器详解
2017/03/09 NodeJs
JavaScript+Html5实现按钮复制文字到剪切板功能(手机网页兼容)
2017/03/30 Javascript
angular2+node.js express打包部署的实战
2017/07/27 Javascript
通过V8源码看一个关于JS数组排序的诡异问题
2017/08/14 Javascript
带你了解session和cookie作用原理区别和用法
2017/08/14 Javascript
深入浅析Vue不同场景下组件间的数据交流
2017/08/15 Javascript
详解Nodejs mongoose
2018/06/10 NodeJs
JS Html转义和反转义(html编码和解码)的实现与使用方法总结
2020/03/10 Javascript
JavaScript/TypeScript 实现并发请求控制的示例代码
2021/01/18 Javascript
深入了解Vue动态组件和异步组件
2021/01/26 Vue.js
Python实现类继承实例
2014/07/04 Python
使用Python编写一个模仿CPU工作的程序
2015/04/16 Python
tensorflow 获取变量&amp;打印权值的实例讲解
2018/06/14 Python
解决Pyinstaller 打包exe文件 取消dos窗口(黑框框)的问题
2019/06/21 Python
python 动态绘制爱心的示例
2020/09/27 Python
用CSS3实现无限循环的无缝滚动的实例代码
2017/07/04 HTML / CSS
Myprotein葡萄牙官方网站:英国优质运动营养品牌
2016/09/12 全球购物
Subside Sports德国:足球球衣和球迷商品
2019/06/08 全球购物
什么是封装
2013/03/26 面试题
高中生学习的自我评价
2013/12/14 职场文书
总经理司机岗位职责
2014/02/06 职场文书
导游词格式
2015/02/13 职场文书
2015年党风廉政建设个人总结
2015/08/18 职场文书
心得体会格式及范文
2016/01/25 职场文书
JS数组的常用方法整理
2021/03/31 Javascript
python 进阶学习之python装饰器小结
2021/09/04 Python
MySQL 执行数据库更新update操作的时候数据库卡死了
2022/05/02 MySQL