Showing loading image indicator when ajax calling and also loading display off when ajax get response. <!DOCTYPE html> <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script> <script> $(document).ready(function(){ $(document).ajaxStart(function(){ $("#divLoadingd").css("display", "block"); }); $(document).ajaxComplete(function(){ $("#divLoadingd").css("display", "none"); }); $("button").click(function(){ $("#txt").load("demo_ajax_load.asp"); }); }); </script> </head> <body> <div id="txt"><h2>Let AJAX change this text</h2></div> <button>Ajax Call</button> <div id="divLoadingd" style="display:none;width:69px;height:89px;bord...