java - 如何通过最大 jquery ajax http 请求实现更高的性能

Question

我对单个事件至少有 5 到 6 个 jquery ajax 调用。我发现我的网站运行缓慢。

我认为这是加载页面需要很长时间的原因，因为页面正在加载所有 http 请求。

我在每个 ajax 调用中都放置了 async: true 和 noCache:true 。

我有办法解决这个问题吗？

function loadData(){    

 jQuery.ajax({
    async: true,
    type: 'POST',
    url: urlPath,
    noCache:true,
    data:{
    },
    success: function(data, textStatus, jqXHR) {
        jQuery("#idDivResult").html(data); // result.jsp include here
        },
    error : function(jqXHR, textStatus, errorThrown)
    {

    }
});

loadFooter();
loadCriteria();
loadNavigation();
}

loadFooter(){
     jQuery.ajax({
     .....
     success: function(data, textStatus, jqXHR) {
        jQuery("#idDivFooter").html(data); // footer.jsp include here

     }
     ....
}

loadCriteria(){
     jQuery.ajax({
     .....
     success: function(data, textStatus, jqXHR) {
        jQuery("#idDivCriteria").html(data); // criteria.jsp include here

     }
     ....
}

loadNavigation(){
     jQuery.ajax({
     .....
     success: function(data, textStatus, jqXHR) {
        jQuery("#idDivNavigation").html(data); // navigation.jsp include here
     }
     ....
}