首页 新闻 会员 周边 捐助

jquery 像QQ提交数据 弹出提示框【疑问】

0
悬赏园豆:10 [已关闭问题] 关闭于 2010-01-16 17:10

一、要求:我想在点击按钮的时候:弹出提示框:正在提交....;不管数据是否已提交成功、失败,都延迟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);});

 


 

 

我这里就是想不隐藏 【正在提交数据......】的这个提示

 

谢谢各位!!

伊牛娃的主页 伊牛娃 | 菜鸟二级 | 园豆:207
提问于:2010-01-14 16:14
< >
分享
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册