Question

Is there any way to count all the ajaxcalls made when a page loads and get the status of each one? I would like to create a progressbar that shows the page loading process (since its built up from different html files loaded using jquery ajax).

Answer 1

there are two methods in jquery: ajaxStart() and ajaxStop(); you can increment a counter with ajaxStart() event and another one with ajaxStop(). Then you’ll be able to see how many requests were finished and make the necessary changes.

$(document).ajaxStop(function(){
    finishedCalls++;
    // update progress bar
});
$(document).ajaxStart(function(){
    startedCalls++;
});