在需要添加等待的页面添加下列代码
<div id="loading" style="display: none;">
<img src="${basePath}scripts/loading.gif" class="img-responsive">
</div>
在js中添加
$(window).load(function(){
//为ajax绑定loading_bottom
$(document).ajaxStart(function(){
$("#loading").show();//在ajax请求开始的时候启用loading
}).ajaxStop(function(){
$('#loading').hide();//在ajax请求结束后隐藏loading
});
});
在css中添加
#loading {
position: absolute;
z-index: 999999;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
完成