/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 vote111 views1 answer
Jquery keep scroll position
Javascript jQuery
19 votes114 views2 answers
Jquery modal on show + target button
Javascript jQuery
0 vote111 views9 answers
How to get the class name dynamically using jquery
Javascript jQuery
1 vote112 views1 answer
Find label jquery
Javascript jQuery
6 votes162 views2 answers
Get closest element id jquery
Javascript jQuery
16 votes95 views2 answers
Disable input field from jquery
Javascript jQuery
49 votes73 views6 answers
How to get selected radio button value in jquery
Javascript jQuery
1 vote106 views1 answer
How to check if file upload is empty jquery
Javascript jQuery
15 votes170 views5 answers
Jquery if is visible
Javascript jQuery
-1 vote97 views1 answer
Jquery equivalent of document.getelementbyid
Javascript jQuery