如何添加“正在加载...请稍候...”功能？答案

【问题标题】：How can I add a "Loading...Please wait..." feature?如何添加“正在加载...请稍候...”功能？
【发布时间】：2010-04-29 01:40:22
【问题描述】：

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

但是，我想为此添加一个 MD5 抓取功能，使用 @md5_file();获取 URL 的 MD5 并检查以确保它是它应该是的 MD5，然后再将其添加到数据库中。但是它可能需要几秒钟来获取 MD5 并进行比较，所以我想添加一些文本，例如“处理中...请稍候...”，然后进行比较，然后一次经过比较，我希望该文本消失。

我以前从未这样做过，或者即使要这样做，所以我不知道从哪里开始。我会继续把 javascript 作为一个标签，因为我猜测它会用 javascript 完成，但我真的不知道。我不认为 PHP 是可能的，但我也不知道。

有什么建议吗？

【问题讨论】：

标签： php javascript ajax md5

【解决方案1】：

我会使用 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/

【讨论】：

【解决方案2】：

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

【讨论】：

【解决方案3】：

我这样做的方式是在执行 AJAX 帖子的函数中显示一个对话框（在帖子之前），在 ajax 帖子之后，我将其隐藏。任何模式对话框都可以（我喜欢 jQuery，因为我通常使用与我正在使用的任何网站设计相匹配的主题）。这样做的问题是，有时帖子不会花很长时间，而且看起来很紧张。如果是这种情况，页面中间的一个简单的 div 就足够了。

【讨论】：