/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

0 vote200 views2 answers
Trigger click on checkbox jquery
Javascript jQuery
14 votes191 views6 answers
Jquery checkbox change event
Javascript jQuery
42 votes185 views5 answers
Jquery set checkbox checked unchecked
Javascript jQuery
0 vote189 views1 answer
Get id of first td jquery
Javascript jQuery
0 vote192 views1 answer
Jquery set style background image
Javascript jQuery
0 vote191 views1 answer
Anonymous function jquery
Javascript jQuery
0 vote191 views1 answer
How to append value to input field using jquery
Javascript jQuery
4 votes196 views1 answer
Jquery filter array remove empty values
Javascript jQuery
0 vote234 views1 answer
Jquery slick remove white fade
Javascript jQuery
0 vote225 views1 answer
Jquery keep scroll position
Javascript jQuery