c# - ASP.NET 和 C# : hide spinning wheel when button has finished processing

Question

在我的网络表单中，我有一个按钮，当用户点击它时，我会显示一个纺车来表示正在处理请求:

<td class="auto-style1"><asp:LinkButton ID="lblButton" runat="server" OnClick="doSomething">Button</asp:LinkButton></td> 
<td id="load" style="display:none"> <img src="Images/usethiswheel.gif" height="30" width="30" /> </td>

为了调节纺车的外观，我使用了以下代码片段:

<script>
$(document).ready(function () {
  $('#lblButton').click(function () {
    $('#load').show();
    setTimeout(function () { $('#load').hide() }, 40000);
  });
 });
</script>

但是，我使用的是 40 秒后过期的超时函数。如何让纺车在按钮完成处理的那一刻消失？

Answer 1

使用 ajax 调用来等待服务器的响应，你可能需要这样的东西(取决于你对服务器端调用的类型)因为它的 c#:

       <script>
    $(document).ready(function () {
        $('#lblButton').click(function () {
            $('#load').show();

            $.ajax({
                url: '@Url.Action("SomeMethod", "Somecontroller")',
                type: 'GET',
                cache: false,
                success: function (data) {
                    $('#load').hide();
                }
            });
        });
</script>