显示“保存...”而保存记录到数据库中

Question

据我所知，在屏幕上的动画，可以有两种可能的方式来设计的：

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

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

哪可能？

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

由于提前

Answer 1

我认为第一个是更好的.. 放在网页下面的代码，然后clciking按钮加载相应的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 2

二是容易做到的事：

使用jQuery API，

欲了解更多信息：here

$.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图像，然后保存它。

Answer 3

使用这个插件，而不是

jquery plugin message

Live Demo