Showing A Loader While Waiting For Server-side Code With Ajax

My problem was described in Showing a loader while waiting for server-side code (without a blank page). To summarize briefly, I want to show the loader before completing server-sid

Solution 1:

Something like this would solve your issue:

<script type="text/javascript">
    var $loading = $('#loading').show();
     
    $.ajax({
        url: "/dataSend",
        type:"POST",
    }).done(function(fragment) {
        $('#loading').hide();
    });
</script>