単一のイベントで最小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
}
....
}