jQuery easyUI loading data request to add shielding effect

Disclaimer: This article is a blogger original article, please indicate the source. https://blog.csdn.net/qq_42968609/article/details/85161480

Code Example:

//请求数据时Loading
function requestLoading(){ //模拟datagrid中loading样式
	$("<div class=\"datagrid-mask\"></div>").css({display:"block",width:"100%",height:$(window).height(),zIndex:"9999"}).appendTo("body");
	$("<div class=\"datagrid-mask-msg\"></div>").html("正在处理，请稍候...").appendTo("body").css({display:"block",left:($(document.body).outerWidth(true)-190)/2,top:($(window).height()-45)/2,zIndex:"9999"});
}
// 请求结束取消loading遮罩层
function requestLoadEnd(){
	$(".datagrid-mask").remove();
	$(".datagrid-mask-msg").remove();
}
// 使用方法
$("#save").click(function() {
	requestLoading()
	$.ajax({
		url:  '',
		data: { },
		type: 'POST'
		// contentType: 'application/json'
	}).done(function(result){
		requestLoadEnd()
		if(result.success){
		// 请求成功执行代码
		}else{
		// 请求失败执行代码
		}
	}).fail(function(err){
		// 错误处理
	});
})