同时加载多个$ .ajax调用

Question

我在页面中有3个$ .ajax请求,从服务器获取JSON内容并填充三个单独的div.这三个div中的内容非常大,因此加载所有内容需要一段时间.这些ajax调用也会在页面加载时调用,所以类似于:

 $(document).ready(function () {
        $.ajax({
            type: 'POST',
            url: "/controller/action",
            dataType: 'json',
            traditional: true,
            async: false,
            success: function (data) {
                //fill content in div 1
            }
        });

        $.ajax({
            type: 'POST',
            url: "/controller/action2",
            dataType: 'json',
            traditional: true,
            async: false,
            success: function (data) {
                //fill content in div 2
            }
        });

        $.ajax({
            type: 'POST',
            url: "/controller/action3",
            dataType: 'json',
            traditional: true,
            async: false,
            success: function (data) {
                //fill content in div 3
            }
        });
});

我的重要问题是:

1. 如何首先加载页面(以及链接功能等元素)
2. 之后,同时加载这三个ajax脚本.所以不要调用ajax1,ajax2,ajax3; 它同时调用它们.

非常感谢!发条装置

Answer 1

1. 页面将在激活ajax调用之前加载.
2. 如果将async设置为true,它们将同时触发.