单击按钮时显示 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"/>

代码隐藏：

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，更改加载文本。