本篇内容主要讲解“如何使用JQuery对多个ajax请求串行执行”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“如何使用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，使用promise defer模式将所有的ajax请求放到一个数组里，然后通过$.when.apply（）。done（）将所有ajax请求依次执行。
到此，相信大家对“如何使用JQuery对多个ajax请求串行执行”有了更深的了解，不妨来实际操作一番吧！这里是编程网网站，更多相关内容可以进入相关频道进行查询，关注我们，继续学习！
