1:引入js包
<script type="text/javascript" src="${ctx}/static/js/jquery.blockUI.js"></script>
2:点击时,调用此方法,加载遮罩
function mask(){
// 用户等待画面,使用 Jquery BlockUI实现
$('body').block( {
message : '<h1>正在上传,请稍候……</h1>',
css : {
border : '3px solid khaki'
}
});
}
3:解除遮罩
$.unblockUI();
ajax中解除遮罩的方法可以如下写:
$.ajax({
type : 'get',
url : '/config/loadConfig.do',
data : {supplierId : supplierId},
dataType : 'json',
complete : function() {
// 数据加载完毕,取消等待画面的遮罩效果
$.unblockUI();
},
<script type="text/javascript" src="${ctx}/static/js/jquery.blockUI.js"></script>
2:点击时,调用此方法,加载遮罩
function mask(){
// 用户等待画面,使用 Jquery BlockUI实现
$('body').block( {
message : '<h1>正在上传,请稍候……</h1>',
css : {
border : '3px solid khaki'
}
});
}
3:解除遮罩
$.unblockUI();
ajax中解除遮罩的方法可以如下写:
$.ajax({
type : 'get',
url : '/config/loadConfig.do',
data : {supplierId : supplierId},
dataType : 'json',
complete : function() {
// 数据加载完毕,取消等待画面的遮罩效果
$.unblockUI();
},