我有一个包含更多 div 的网页。每个 div 通过 ajax 加载一个以 html 计算和显示报告数据的操作。
代码html:
<div class="divAutoLoading" data-href="/controller/action"></div>
代码js:
$('.divAutoLoading').each(function () {
var divAutoLoading = $(this);
divAutoLoading.showLoading();
$.ajax({
type: 'POST',
url: divAutoLoading.attr('data-href'),
async: true,
cache: false,
success: function (html) {
divAutoLoading.hideLoading();
divAutoLoading.html(html);
}
});
});
然后我有 4 个 div,它们调用了四个不同的动作,每个动作都有不同的计算时间。我期望的是,当一个动作结束时,会显示结果,但看起来好像该动作已放入队列中,如果前一个动作未完成,则不会开始下一个动作。我究竟做错了什么?
PS jquery 版本为:1.8.2