C# “显示”;节约……”;将记录保存到数据库时屏幕上的动画

C# “显示”;节约……”;将记录保存到数据库时屏幕上的动画,c#,jquery,ajax,asp.net-mvc-3,razor,C#,Jquery,Ajax,Asp.net Mvc 3,Razor,据我所知,有两种可能的设计方法: 使用gif文件。单击“保存”按钮后,屏幕上应显示“保存…”gif文件几秒钟(延迟为硬编码),然后应开始将记录保存到数据库的过程。理想情况下,这会降低性能,因为动画延迟和保存记录都需要时间 多线程。保存唱片和动画应该是并行的。我不知道怎么做 哪一种可能 请分享一些信息和代码片段。此外,发布任何其他可以解决此问题的想法 提前谢谢我想第一个更好。。 将下面的代码放入第页,然后在单击按钮时加载相应的div id <div id="divLoadin

据我所知,有两种可能的设计方法:

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

  • 多线程。保存唱片和动画应该是并行的。我不知道怎么做

  • 哪一种可能

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


    提前谢谢我想第一个更好。。 将下面的代码放入第页,然后在单击按钮时加载相应的div id

            <div id="divLoading" class="loading-div">
                <img id="imgLoading" class="loading-img" src="images/loading.gif"" />
                <span>Just a moment...</span>
            </div>
    
    
    请稍等
    
    第二个很容易做到:

    使用JQUERY api

    有关更多信息:


    同时,您只需要显示像加载GIF一样的图像。。。然后保存它。

    改用这个插件


    我们能否使此分区突出显示,而页面的其余部分淡出?如果是这样,怎么做?最初让div样式显示none,然后通过javascript或其他方式加载div时,将样式更改为block。指向演示和页面中的链接已失效
    $.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 );
    });