时间戳

首页 > 解决方案 > ASP.NET 和 C#：按钮完成处理后隐藏旋转轮

c# - ASP.NET 和 C#：按钮完成处理后隐藏旋转轮

问题描述

在我的 Web 表单中，我有一个按钮，当用户单击它时，我会显示一个旋转轮来表示正在处理请求：

<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 秒后过期的超时功能。如何在按钮完成处理的那一刻让纺车消失？

标签： c#jqueryasp.netprogress-barvisual-studio-2019

解决方案

使用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>

推荐阅读