ajax请求使用easyui的loading效果

 前台框架是EasyUI，当请求后台响应慢时，加个loading的效果，来提高用户体验

//采用jquery easyui loading css效果   
function ajaxLoading(){   
    $("<div class=\"datagrid-mask\"></div>").css({display:"block",width:"100%",height:$(window).height()}).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});   
 }   
 function ajaxLoadEnd(){   
     $(".datagrid-mask").remove();   
     $(".datagrid-mask-msg").remove();               
} 

$.ajax({   
        type: 'POST',   
        dataType : 'json',  
        url: url,   
        data: param,   
        beforeSend: ajaxLoading,  
        success: function(json){   
            ajaxLoadEnd();  
            createAll(json.Data);  
        }   
    }); 

--------------------- 
作者：RED-GO 
来源：CSDN 
原文：https://blog.csdn.net/u010137431/article/details/49308681/