<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title></title>
<style>
.loadingWrap{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
z-index:300;
background-image:url(loading.gif);
background-repeat:no-repeat;
background-position:center center;
background-color:#000;
background-color:rgba(0,0,0,0.5);
filter:alpha(opacity=50);
}
</style>
</head>
<body>
測試 加載中。。。
<div class="loadingWrap"></div>
</body>
</html>
ajax提交表單後的等待，應當做如下處理：
$.ajax(
type:"post",
url:basePath + “xxx/xxx/xx.do”,
data:{"idMerchant":idMerchant},
dataType:"json",
success:function(data){//後端返回json格式的字符串
if(!data){//成功不需要提示
alert("提交失敗！");
}
},
error:function(){
alert("查詢異常，請稍後再試或聯繫管理員。。。");
},
beforeSend: function(){
$("<div class="loadingWrap"></div>").appendTo("body");
},
complete: function(){
$(".loadingWrap").remove();
}
}); beforeSend和complete中處理！！！