在 ASP.NET（Web 窗体）中单击按钮后显示“加载/加载器/进度条”答案

【问题标题】：Show "Loading/Loader/Progress Bar" after button click in ASP.NET (Web Form)在 ASP.NET（Web 窗体）中单击按钮后显示“加载/加载器/进度条”
【发布时间】：2015-08-14 14:10:53
【问题描述】：

在我的登录页面中，我需要一个功能，用户点击“登录”按钮并在页面完全加载之前出现加载器（GIF 或任何类型的消息）。

我尝试了很多方法来做到这一点，但都没有成功。加载器仅在页面完全加载后显示。

是否有任何功能可以在页面加载或服务器处理时显示加载器？

感谢您为解决我的问题所做的努力。

【问题讨论】：

您正在寻找asp:UpdateProgress
感谢@fubo 的快速响应，但不幸的是，我无法在该页面上使用 UpdatePanel，因为如果页面没有完全 PostBack，它们会消失，这也适用于 ASP： ScriptManager，只要我将 ScriptManager 放入我的页面，RequiredFieldValidator 不会验证我的字段，直到它执行 PostBack。
尝试使用ajax进行登录，因为它是异步的。
@Akshay 感谢您的回复，您能举个例子吗？
以$.ajax({ url : 'your_url', type: 'POST', dataType: 'json', data: 'your_data', dataType: 'application/json; charset=utf-8' success: function() { } }); 执行ajax 调用在调用ajax 之前，您可以显示微调器并将其隐藏在成功函数中。

标签： javascript c# jquery asp.net webforms

【解决方案1】：

你可以这样做

$('#btn_id').click(function () {     
    var username = $('#username').val(); 
    var password = $('#password').val(); 

    if (username != "" && password != "") { 
    $('#Loader').modal(); 
    } 
});

【讨论】：