jQuery Ajax async true不起作用，但似乎同步工作

Question

我有一个包含更多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，他们调用四个不同的动作，每个动作都有不同的计算时间。 我期望的是，当一个Action结束时，显示结果，但似乎该动作被放入队列中，如果它没有完成前一个，则不会启动下一个。 我做错了什么？

P.S。 jquery版本是：1.8.2