在 asp.net 中的功能完成后单击按钮显示 gif 并隐藏

【问题标题】：Display gif on button click and hide after function finish in asp.net在 asp.net 中的功能完成后单击按钮显示 gif 并隐藏
【发布时间】：2015-01-20 08:20:05
【问题描述】：

如何在按钮单击后显示 gif 并在功能完成时隐藏它？

<ISWebDesktop:WebButton ID="Button1" runat="server" Height="20px" Text="Ablehnen" meta:resourcekey="btnAblehnen" Width="75px"
                        AutoPostback="True" PostBackMode="FullPostBack">                    
                    </ISWebDesktop:WebButton>

 <asp:Image ID="emailLoader2" runat="server" ImageUrl="../../images/ajax-loader2.gif" Visible="false"/>

代码隐藏：

Protected Sub Button3_Clicked(ByVal sender As Object, ByVal e As ISNet.WebUI.WebDesktop.WebButtonClickedEventArgs) Handles Button3.Clicked
    //show the gif
    Dim msg As String = "OK"
    Dim spezial As Integer = 0
    .....
    //hides the gif
    END SUB

【问题讨论】：

对于这种操作，您需要使用客户端脚本而不是服务器端脚本
你能给我举个例子吗？

标签： javascript jquery asp.net vb.net visual-studio-2010

【解决方案1】：

您应该使用 jquery 异步获取数据。假设您当前的页面是index.html，其中包含：

<p style="display: none;"><img src="loading.gif" />Loading...</p>

这是一个隐藏的加载栏。然后，使用 jquery .post 或 .get 方法从您的另一个页面获取数据，例如：

$.get("test.asp", function () {
    $("img").delay(500).hide();
    $("p").text("Loading Complete.");
});

这是最终的调用顺序：

点击index.html中的按钮
显示加载栏
Jquery 调用.get() 函数执行test.asp
test.asp执行完成后，隐藏加载gif，更改加载文本。

【讨论】：