一、要求:我想在点击按钮的时候:弹出提示框:正在提交....;不管数据是否已提交成功、失败,都延迟3秒【这里求助】谢谢
1、返回成功,就在弹出框中显示: 提交成功,然后3秒后隐藏弹出框【已解决】
2、返回失败,就在弹出框中显示: 提交失败,弹出框不隐藏【已解决】
二、脚本如下:
<script type="text/javascript">
$(function(){
$("#Button1").click(function(){
var name=$("#Text1").val();
$.ajax({
type: "POST",
contentType:"application/json",
url:"PostWebService.asmx/myMethod",
data:"{myName:'"+name+"'}",
dataType:'json',
beforeSend:function(){ //alert("开始了");
$("#contactArea").html("正在提交....................!");
setTimeout( $("#button").click(),100000);//弹出框显示
},
success:function(result){
if(result.d=="Yes")
{
$("#contactArea").html("提交成功!");
setTimeout($("#popupContactClose").click(),1000000);//弹出框显示 1000000毫秒后隐藏
}
else
{
$("#contactArea").html("提交失败!");
}
},
error:function(msg)
{
alert("错误:"+msg);
},
complete:function(){
//alert("结束了");
}
});
});
});
</script>
另附:jq中延时插件的例子:http://www.jeffreyxu.com/blog/2009/08/jquery-plug-in-delay-in-the-implementation-of-the-event/
介绍如何实现effects的延时执行,比如加载页面时要显示提示信息,3秒钟后自动消失
$("#notice").fadeIn(function() {
setTimeout(function() { $("#notice").fadeOut(); }, 3000);});
我这里就是想不隐藏 【正在提交数据......】的这个提示
谢谢各位!!