c# - 在将记录保存到数据库时在屏幕上显示“正在保存....”动画

Question

据我所知，有两种可能的设计方法：

1. 使用 gif 文件。单击“保存”按钮后，它应该在屏幕上显示“正在保存...” gif 文件几秒钟（延迟是硬编码的），然后应该开始将记录保存到数据库的过程。理想情况下，这会降低性能，因为动画延迟和保存记录都需要时间。

2. 多线程。保存记录和动画应该并行完成。我不知道如何做到这一点。

哪个是可能的？

请分享一些信息和代码片段。另外，发布任何其他可以解决此问题的想法。

提前致谢

Answer 1

改用这个插件

jquery 插件消息

现场演示

Answer 2

我认为第一个更好..将下面的代码放在页面中，然后在单击按钮时加载相应的 div id。

        <div id="divLoading" class="loading-div">
            <img id="imgLoading" class="loading-img" src="images/loading.gif"" />
            <span>Just a moment...</span>
        </div>

Answer 3

第二个很容易做到：

使用 JQUERY api，

欲了解更多信息：这里

$.ajax({
  type: "POST",
  url: "some.php", // here server side saving code will be here.
  data: { name: "John", location: "Boston" }
}).done(function( msg ) {
  alert( "Data Saved: " + msg );
});

同时，您只需要显示 GIF 之类的图像 Loading... 然后保存。