/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 vote222 views1 answer
Bootstrap tabs click event jquery
Javascript jQuery
19 votes197 views4 answers
Get select option selected text jquery
Javascript jQuery
0 vote195 views1 answer
Get font size jquery
Javascript jQuery
0 vote193 views2 answers
How to append values to dropdown using jquery
Javascript jQuery
12 votes177 views1 answer
JQuery disable and enable input
Javascript jQuery
0 vote183 views1 answer
Remove an attribute from style tag using jquery
Javascript jQuery
2 votes195 views2 answers
Remove tr in table jquery
Javascript jQuery
7 votes176 views2 answers
Jquery this
Javascript jQuery
14 votes196 views2 answers
Jquery set text of h1
Javascript jQuery
31 votes191 views3 answers
Redirect to link using jquery on new tab
Javascript jQuery