0

単一のイベントで最小5〜6個のjqueryajax呼び出しがあります。私のサイトの動作が遅いことがわかりました。

これが、ページがすべての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
     }
     ....
}
4

0 に答える 0