/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

9 votes202 views2 answers
Jquery find div with data attribute value
Javascript jQuery
0 vote211 views2 answers
Jquery click not working on ajax loaded content
Javascript jQuery
20 votes192 views6 answers
Get id value jquery
Javascript jQuery
88 votes227 views6 answers
Jquery click
Javascript jQuery
0 vote192 views1 answer
JQuery find element before
Javascript jQuery
0 vote216 views2 answers
How to get url parameter using jquery or plain javascript
Javascript jQuery
6 votes187 views4 answers
Jquery get url
Javascript jQuery
0 vote218 views2 answers
Remove last char - jquery
Javascript jQuery
115 votes421 views6 answers
Checkbox jquery checked
Javascript jQuery
0 vote225 views1 answer
Jquery get search parameter
Javascript jQuery