<p>layer加载遮罩层使用 Ajax Loading Demo</p><pre class="brush:html;toolbar:false"><!DOCTYPEhtml>
<html>
<head>
<title>AjaxLoadingDemo</title>
<metahttp-equiv="content-type"content="text/html;charset=utf-8"/>
<styletype="text/css">
</style>
<scripttype="text/javascript"src="jquery-1.8.3.min.js"></script>
<scripttype="text/javascript"src="layer/layer.js"></script>
<scripttype="text/javascript">
;!function(){
layer.config({//加载扩展模块
extend:'extend/layer.ext.js'
});
layer.ready(function(){
});
}();
functionityzl_SHOW_LOAD_LAYER(){
returnlayer.msg('努力中...',{icon:16,shade:[0.5,'#f5f5f5'],scrollbar:false,offset:'0px',time:100000});
}
functionityzl_CLOSE_LOAD_LAYER(index){
layer.close(index);
}
functionityzl_SHOW_TIP_LAYER(){
layer.msg('恭喜您，加载完成！',{time:1000,offset:'10px'});
}
</script>
<scripttype="text/javascript">
$(function(){
$("#btnRequest").bind("click",function(){
vari;
$.ajax({
type:"POST",
dataType:"text",
url:"admin/index.action",
beforeSend:function(){
i=ityzl_SHOW_LOAD_LAYER();
},
success:function(msg){
ityzl_CLOSE_LOAD_LAYER(i);
ityzl_SHOW_TIP_LAYER();
},
error:function(e,jqxhr,settings,exception){
ityzl_CLOSE_LOAD_LAYER(i);
}
});
});
});
</script>
</head>
<body>
<ahref="javascript:void(0);"id="btnRequest">请求数据</a>
</body>
</html></pre>