jquery - jQuery Ajax async true は動作しませんが、同期して動作するようです

Question

より多くの div を含む Web ページがあります。各 div は、レポート データを計算して HTML で表示する ajax 1 アクションを介してロードされます。

コード 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 があり、4 つの異なるアクションを呼び出します。すべてのアクションの計算時間は異なります。私が期待しているのは、アクションが終了すると結果が表示されますが、アクションがキューに入れられたように見え、前のアクションが完了していない場合、次のアクションは開始されません。私は何を間違っていますか？

PS jquery のバージョン: 1.8.2