今天领导做演示,当每每演示到激活成功然后跳转页面的时候,由于是同步的方法,SUMBIT,中间通讯时间过长,看上去很像‘假死状态’,领导的要求是提供一个等待标识或者页面;
初入职场的菜鸟,不会啊咋办呢?凉拌还得你去办,所以我是一个不合格的程序员,为了完成效果于是乎。。。。偷笑
首先我事先在页面准备好一个DIV
<div id="loadgif" style="width:99px;height:99px;position:absolute;top:42%;left:40%;"> 这里的图片是网络上找的动态等待的图片
<img src="<%=path%>/images/loadpic.gif"/>
</div>
然后利用ready函数先把他隐藏起来
$(document).ready(function () { $("#loadgif").hide();});
我这里程序是form表单提交的方式,还绑定了点击事件。于是乎
$(function(){
$('.submit').click(function(){
一系列的判断
$("#789").css("opacity","0.3"); //当前页面我给他来个透明度变成0.3
$("#loadgif").show(); //进度条出来
}
$('#signupForm').submit(); //提交慢慢等待
});
});