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 相关文章推荐
JavaScript this调用规则说明
Mar 08 Javascript
基于jquery的高性能td和input切换并可修改内容实现代码
Jan 09 Javascript
js用Date对象处理时间实现思路及代码
Jan 31 Javascript
jquery 实现两级导航菜单附效果图
Mar 07 Javascript
JavaScript中使用arguments获得函数传参个数实例
Aug 27 Javascript
实例讲解jQuery中对事件的命名空间的运用
May 24 Javascript
JS 数字转换为大写金额的简单实例
Aug 04 Javascript
JavaScript计算值然后把值嵌入到html中的实现方法
Oct 29 Javascript
Jquery Easyui自定义下拉框组件使用详解(21)
Dec 31 Javascript
详解angular2封装material2对话框组件
Mar 03 Javascript
Vue.js实战之组件的进阶
Apr 04 Javascript
Vue.set()动态的新增与修改数据,触发视图更新的方法
Sep 15 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
Mysql中limit的用法方法详解与注意事项
2008/04/19 PHP
javascript 异步页面查询实现代码(asp.net)
2010/05/26 Javascript
jquery 插件学习(二)
2012/08/06 Javascript
IE中JS跳转丢失referrer问题的2个解决方法
2014/07/18 Javascript
JavaScript判断前缀、后缀是否是空格的方法
2015/04/15 Javascript
原生JS封装ajax 传json,str,excel文件上传提交表单(推荐)
2016/06/21 Javascript
详解Angular的数据显示优化处理
2016/12/26 Javascript
解决AjaxFileupload 上传时会出现连接重置的问题
2017/07/07 Javascript
vue组件Prop传递数据的实现示例
2017/08/17 Javascript
基于webpack 实用配置方法总结
2017/09/28 Javascript
实例详解BootStrap的动态模态框及静态模态框
2018/08/13 Javascript
jquery分页插件pagination使用教程
2018/10/23 jQuery
vue中的v-if和v-show的区别详解
2019/09/01 Javascript
js判断非127开头的IP地址的实例代码
2020/01/05 Javascript
微信jssdk踩坑之签名错误invalid signature
2020/05/19 Javascript
Python远程桌面协议RDPY安装使用介绍
2015/04/15 Python
在Python的Django框架中编写错误提示页面
2015/07/22 Python
在python中实现对list求和及求积
2018/11/14 Python
如何利用Python分析出微信朋友男女统计图
2019/01/25 Python
Python中常用的内置方法
2019/01/28 Python
django框架防止XSS注入的方法分析
2019/06/21 Python
python算法题 链表反转详解
2019/07/02 Python
python GUI图形化编程wxpython的使用
2019/07/19 Python
python urllib和urllib3知识点总结
2021/02/08 Python
html5+css3气泡组件的实现
2014/11/21 HTML / CSS
详解HTML5中div和section以及article的区别
2015/07/14 HTML / CSS
Html5之title吸顶功能
2018/06/04 HTML / CSS
生物科学专业个人求职信范文
2013/12/05 职场文书
《那片绿绿的爬山虎》教学反思
2014/02/27 职场文书
实习协议书范本
2014/09/25 职场文书
结婚通知短信怎么写
2015/04/17 职场文书
学校教师师德师风承诺书
2015/04/28 职场文书
2015年公司行政后勤工作总结
2015/05/20 职场文书
浅谈由position属性引申的css进阶讨论
2021/05/25 HTML / CSS
ElementUI实现el-form表单重置功能按钮
2021/07/21 Javascript
vue生命周期钩子函数以及触发时机
2022/04/26 Vue.js