JQUERY POST,UI显示状态是“保存”还是“保存”“错误”“完成”

时间:2010-05-09 16:06:19

标签: jquery ajax post

我有一个JQUERY Post调用,它将关键数据发布到服务器。如果未成功发布,则会导致重要数据的大量丢失。

我在JQUERY POST之前的页面上有一个保存横幅UI节目,在JQUERY Post之后它会让Save Banner消失。

我想要一个inbetween状态,如果保存时间超过1秒,它会从“保存”更新为“保存...”

但是如果它在4秒内没有保存,则表示“错误,再试一次”这样的事情。

关于如何使用JQUERY完成此任务的任何想法?

1 个答案:

答案 0 :(得分:1)

var status = 'Nothing happening';    
var success= 0;
function countdown(id) {
       if(id==0 && success==0) status = "saving...";
       if(id==1 && success==0) status = "Error, try again";
       if(id==2){ status = "Everything alright"; success=1;}
}

    setTimeout("countdown(0)", 1000);
    setTimeout("countdown(1)", 4000);
    //Call countdown(2) if it's successful

Protip:您还可以将内容保存在Cookie中,这样即使您无法连接到服务器也不会丢失。

更新解释: 显然你应该替换status = xyz;命令以某种方式实际向用户显示状态。

setTimeout(x,y)基本上在时间y用完之后运行命令x。 (1000 = 1秒)。倒计时将是每次调用的函数。如果发布成功,您应该调用倒计时(2),以便显示“错误,再试一次”消息。除此之外,它只显示特定的状态。