ASP.NET WebForms 中，服务端设置 Visible=true 或修改 style.display 无法在重定向前生效，必须通过前端 JavaScript 在点击时立即显示加载动画，再触发服务端逻辑。
asp.net webforms 中，服务端设置 `visible=true` 或修改 `style.display` 无法在重定向前生效，必须通过前端 javascript 在点击时立即显示加载动画，再触发服务端逻辑。
在 ASP.NET WebForms 中，常见的误区是试图在服务端事件（如 btnNew_Click）中设置
的可见性后执行 Response.Redirect()。但需明确：服务端代码执行完毕、生成完整响应并发送到浏览器后，页面才会刷新或跳转——此时 DOM 已被替换，任何服务端对 Visible 或 Style 的修改都无法被用户感知。因此，loadingDiv.Visible = true; Response.Redirect(...) 实际上等同于直接跳转，加载提示永远不会显示。
正确的做法是：将加载状态的控制完全交由前端 JavaScript 承担，在用户点击瞬间立即渲染并显示加载层，再允许表单提交或服务端回发继续执行。以下是推荐实现方案：
✅ 步骤一：移除服务端对 loadingDiv 的可见性控制
删除 runat="server" 属性及所有服务端显隐逻辑，避免混淆：
<!-- 不再需要 runat="server" 和 visible="false" -->
<div id="loadingDiv" style="display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:9999; justify-content:center; align-items:center; flex-direction:column;">
<div class="lds">
<div></div>
<div></div>
<div></div>
</div>
<span style="color:white; margin-top:12px;">Loading...</span>
</div>
✅ 步骤二：定义轻量级前端显示函数（无需依赖 jQuery）
使用原生 JavaScript 提升兼容性与性能：
function showLoading() {
const loading = document.getElementById('loadingDiv');
if (loading) {
loading.style.display = 'flex'; // 使用 flex 确保居中
}
return true; // 允许后续 postback 或重定向
}
✅ 步骤三：绑定到 LinkButton 的 OnClientClick
确保前端加载提示先于服务端处理触发：
<linkbutton id="btnNew" runat="server" cssclass="btnAgent2" width="150px" onclick="btnNew_Click" onclientclick="showLoading(); return true;"><span class="<%=Resources.Resource.LangParam2%>">
</span>
</linkbutton>
⚠️ 关键注意事项：
- OnClientClick 中必须返回 true（默认行为），否则回发将被阻止；若需条件判断，务必显式控制 return false / return true。
- Response.Redirect 会终止当前响应并发起新请求，因此服务端无法“等待”前端动画完成——动画持续时间应由 CSS 控制（如 .lds 动画循环），而非 JS 延迟。
- 若希望跳转前短暂保留加载态（如 300ms），可在客户端改用 window.location.href 替代服务端重定向，并移除 OnClick，完全由前端控制流程（适用于无服务端逻辑场景）。
? 进阶建议：对于更复杂的交互（如异步保存 + 跳转），可结合 PageMethods 或 Web API 实现无刷新操作，再导航，从而真正实现「加载中 → 完成 → 跳转」的可控体验。但本例中，纯前端即时显示 + 服务端跳转已是最简可靠解法。
