Hello everyone, I am going to share the code
sample for display the progress image after Ajax call for ADD/UPDATE data. The
example detail as given below.
HTML Code-Sample
<div
class="loadingDiv"></div>
JavaScript Code-Sample
//This is for loading the
progress image..
$("div.loadingDiv").html('<div><img
width="30px" src="' + lmageUrl + '"
/></div>');
$("div.loadingDiv").show();
//This is for AJAX call..
executeAjaxRequestAsync(URLs, "POST", data, success, null,
null);
//This is for seccess call..
var success = function (data) {
if (data) {
$("div.loadingDiv").hide();
}
}
CSS Code-Sample
.loadingDiv{
display:none;
padding:2px 10px;
position:fixed;
background-color:rgba(0, 0, 0,0.4);
width:100%;
height:100%;
left:0;
top:0;
z-index:999;