Javascript ASP.Net OnClick Subs没有按我希望的方式运行

我正在使用onClick处理程序来处理查询SQL中的按钮点击。问题是，有时这些查询需要10-30秒才能返回。我禁用了按钮，以防止在此期间点击堆叠，但现在我想有一个小加载gif显示，而子完成它的事情

所以它是这样的：点击->按钮禁用->加载gif显示->点击子完成->加载gif消失->更多Ajax发生在同一页面上

这是我的按钮

<asp:Button ID="buttonOne" runat="server" Visible="False" Text="Next" OnClientClick="this.disabled=true;" UseSubmitBehavior="false" OnClick="userName_Click"/>

我目前得到的结果是.gif没有加载（它只注册showWidget（Flase））

如何将加载图像绑定到按钮单击，然后在单击操作的子例程完成后使加载图像消失

---

谢谢

这种方法行不通。您需要使用html按钮，并在此按钮上单击使用AJAX调用服务器端方法，使用jQuery/Bootstrap显示动画/gif

在服务器发送响应之前，服务器端方法无法在浏览器上显示或隐藏图像，这就是您看到这种行为的原因-这是预期的。您可以考虑提交ajax请求，也可以使用

UpdatePanel

。但可能是因为我使用了UseSubmitBehavior=“false”？这不是问题所在。尝试使用

UpdateProgress

控件隐藏/显示图像。

Sub userName_Click(ByVal sender As Object, ByVal e As EventArgs)
    showWidget(True)
    'This part takes a few seconds
    If usernameIsValid(textField.Text)
    Then buttonTwo.Visible = true, labelTwo.Visible = true,   buttonOne.Visible = false, labelOne.Visible = false
     End If
    showWidget(False)
     End Sub