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

Question

如何在按钮单击后显示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"/>

Codebehind：

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

Answer 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.");
});

所以这是最后的通话顺序：

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