/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

5 votes131 views2 answers
Jquery input text value change event
Javascript jQuery
18 votes271 views5 answers
Onclick open modal jquery
Javascript jQuery
4 votes154 views6 answers
How to set dropdown value in jquery
Javascript jQuery
10 votes145 views3 answers
Wordpress enqueue script jquery dependency
Javascript jQuery
39 votes138 views3 answers
Jquery value of input
Javascript jQuery
0 vote147 views1 answer
Selectores de jQuery
Javascript jQuery
11 votes140 views5 answers
Import jquery into js file
Javascript jQuery
0 vote137 views2 answers
Jquery array merge
Javascript jQuery
11 votes162 views3 answers
Jquery set input checked
Javascript jQuery
0 vote145 views1 answer
Jquery click on data attribute
Javascript jQuery