如何添加“正在加载...请稍候...”特征？

发布于 2024-08-31 08:25:55 字数 399 浏览 7 评论 0原文

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

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

我以前从未这样做过，或者即使打算这样做，所以我不知道从哪里开始。我将继续将 javascript 作为此标记，因为我猜测这将用 javascript 完成，但我真的不知道。我不认为 PHP 可以做到这一点，但我还是不知道。

有什么建议吗？

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

美煞众生 2024-09-07 08:25:55

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

I would use jQuery. Here is the example:

In your javascript code:

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

And your HTML

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

Here is a reference: http://api.jquery.com/jQuery.ajax/

回复收藏 0 原文

Hello爱情风 2024-09-07 08:25:55

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

回复收藏 0 原文

鹊巢 2024-09-07 08:25:55

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

回复收藏 0 原文

~没有更多了~