loading 遮罩层

JS代码片段

//数据请求方法
var dom = $("#loading").length;
if(!dom){
    $("body").append("<div id='loading'></div>");
}
$("#loading").show();
//开始请求
...
...
...
//如果正常
$("#loading").hide();

对应的CSS设置

#loading {
    background: rgba(0,0,0,.5) url(../images/XXX.gif) no-repeat center center;
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 999999;
    display: none;
    filter: alpha(opacity=50);
}

这种方式可以将Ajax请求重新封装成自定义的方法，并将以上代码嵌入里面则一劳永逸。