如何添加“正在加载...请稍候......”功能?

时间:2010-04-29 01:40:23

标签: php javascript ajax md5

我的网站上有一个非常简单的表格,显示不同的网址。我有一个输入字段,我可以在其中键入URL并单击“提交”以添加其他URL。

但是,我想使用@ md5_file()添加MD5抓取功能。获取URL的MD5并检查以确保它应该是MD5,然后再将其添加到数据库中。然而它可能需要几秒钟才能抓住MD5并进行比较,所以我想添加一些文字,比如“Processing ... Please wait ...”,同时进行比较,然后一次相比之下,我希望文本消失。

我以前从未这样做过,或者即使这样做,所以我不知道从哪里开始。我会继续把javascript作为标记,因为我猜测它将用javascript完成,但我真的不知道。我不会认为它可以用PHP,但同样,我不知道。

有什么建议吗?

3 个答案:

答案 0 :(得分:2)

我会使用jQuery。这是一个例子:

在您的javascript代码中:

$.ajax({  
  type: "POST",
  url: "some.php",
  data: "name=John&location=Boston",
  beforeSend:  function() {
    $('#message').fadeIn('');
  },
  success: function(msg){
   $('#message').fadeOut('');
 }
});

和你的HTML

<div id="message">Processing...Please wait...</div>

以下是参考:http://api.jquery.com/jQuery.ajax/

答案 1 :(得分:0)

http://www.ajaxload.info/是一个非常有趣的地方。将此图像变为可见和不可见

答案 2 :(得分:0)

我这样做的方法是在我做一个AJAX帖子的函数中我显示一个对话框(在帖子之前)和在ajax帖子之后,我隐藏它。任何模态对话框都可以(我喜欢jQuery,因为我通常使用的主题与我正在使用的任何网站设计一致)。这个问题是,有时这个帖子不会花很长时间,看起来很紧张。如果是这种情况,页面中间的一个简单的div就足够了。