页面遮罩层

一. 基于ajax请求的遮罩层：

$.ajax({
type:'POST',
url:url,
data:obj,
dataType:'json',
beforeSend: function () {
load();
},
   complete: function () {
    disLoad();
},
success:function(data){
showMessage(data);
}
});
}

//弹出加载层
function load() {  
    $("<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 disLoad() {  
    $(".datagrid-mask").remove();  
    $(".datagrid-mask-msg").remove();  
}

二.基于ajax和easyui 的遮罩层

$.ajax({
    type:'POST',
    url:url,
    data:obj,
    dataType:'json',
    beforeSend: function () {
    $.messager.progress({ 
       title: '提示', 
       msg: '文件上传中，请稍候……', 
       text: '' 
    });
    },
       complete: function () {
         $.messager.progress('close');
    },
    success:function(data){
    $("#uploadHtmlUrl").val(data.fileUrl);
            $("#uploadHtml").attr("src", data.fileUrl);
    }
    });

转载于:https://my.oschina.net/javaalex/blog/995050