/Javascript/jQuery/Loading page for all ajax call in jquery 3.3.1

Loading page for all ajax call in jquery 3.3.1

How to wait till jquery post request has been made

$.when(ajax1(), ajax2(), ajax3(), ajax4()).done(function(a1, a2, a3, a4){
    // the code here will be executed when all four ajax requests resolve.
    // a1, a2, a3 and a4 are lists of length 3 containing the response text,
    // status, and jqXHR object for each of the four ajax calls respectively.
});

function ajax1() {
    // NOTE:  This function must return the value 
    //        from calling the $.ajax() method.
    return $.ajax({
        url: "someUrl",
        dataType: "json",
        data:  yourJsonData,            
        ...
    });
}

Source: stackoverflow.com

Loading page for all ajax call in jquery 3.3.1

		$(document).ajaxStart(function () {
            $('#ajax-loading-image').css("display", "block");
        });
        $(document).ajaxStop(function () {
            $('#ajax-loading-image').css("display", "none");
        });

Similar codes

19 votes391 views5 answers
Jquery on modal show
Javascript jQuery
1 vote345 views1 answer
Column.footer jquery
Javascript jQuery
0 vote319 views1 answer
Uncaught TypeError: jQuery.browser is undefined
Javascript jQuery
0 vote321 views1 answer
Input radio trigger select jquery
Javascript jQuery
0 vote331 views1 answer
How to add make touchstart passive in jquery "3.4.0"
Javascript jQuery
0 vote298 views2 answers
Jquery order by specific order
Javascript jQuery
1 vote336 views1 answer
How to get append value in jquery
Javascript jQuery
0 vote323 views1 answer
How can I select all elements without a given class in jQuery?
Javascript jQuery
0 vote313 views2 answers
Merge 2 arrays jquery
Javascript jQuery
9 votes276 views3 answers
Jquery animation
Javascript jQuery