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请求重新封装成自定义的方法，并将以上代码嵌入里面则一劳永逸。