JQuery - Display loading image on ajax call example

By Hardik Savani | April 12, 2016 | | 1231 Viewer | Category : Javascript jQuery Ajax


Share this post:

Sometimes, we want to display loading image or animation or text when fire every ajax request. In not for only one ajax request, but if you want to load image on every ajax request then you can do that using bellow example.

I use ajaxStart() and ajaxComplete() function for show image until All POST or GET Ajax request. this both function will execute one each $.ajax request.

Example:

<script type="text/javascript">

$(document).ready(function()

{

$(document).ajaxStart(function(){

$('#process_img').css("display", "block");

});

$(document).ajaxComplete(function(){

$('#process_img').css("display", "none");

});

});

</script>