ASP.NET实现Div点击触发SqlDataSource异步更新的问题

首先咱们揪出核心问题：你后台代码里的Response.Redirect(Request.Url.AbsoluteUri)是导致整页刷新的关键——这个方法会强制浏览器发起全新请求，直接绕过了UpdatePanel的异步回发机制。另外还要注意按钮的触发配置和ASP.NET控件客户端ID的正确获取。

下面是具体的分步解决方案：

1. 修改后台代码，移除强制跳转 #

把my_ClickEvent里的Response.Redirect替换成适配异步回发的更新方式，比如：

protected void my_ClickEvent(object sender, EventArgs e) {
    SqlDataSource1.UpdateParameters["OwnerName"].DefaultValue = "Some Name";
    SqlDataSource1.Update();
    
    // 刷新DetailsView所在的UpdatePanel，让数据实时更新
    UpdatePanel1.Update();
    
    // 如果需要模拟整页刷新的效果（但实际是局部异步），可以注册前端脚本
    // ScriptManager.RegisterStartupScript(this, GetType(), "pageRefresh", "window.location.reload();", true);
}

2. 确保按钮的UpdatePanel配置正确 #

推荐把触发按钮放在UpdatePanel内部，简化配置逻辑：

<asp:ScriptManager ID="ScriptManager1" runat="server" EnablePartialRendering="true"/>

<!-- 用于处理按钮异步回发的UpdatePanel -->
<asp:UpdatePanel ID="UpdatePanel7" runat="server" UpdateMode="Conditional">
    <ContentTemplate>
        <asp:SqlDataSource ID="SqlDataSource1" runat="server" 
            <!-- 你的数据源连接/命令配置 -->
        </asp:SqlDataSource>
        <asp:Button ID="Button1" runat="server" Text="Button" OnClick="my_ClickEvent" CssClass="hide" />
    </ContentTemplate>
</asp:UpdatePanel>

<!-- 原DetailsView所在的UpdatePanel保持不变 -->
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
    <Triggers>
        <asp:AsyncPostBackTrigger ControlID="Timer1" EventName="Tick" />
    </Triggers>
    <ContentTemplate>
        <asp:DetailsView ID="DetailsView1" runat="server" AutoGenerateRows="False" DataSourceID="SqlDataSource1" ... />
    </ContentTemplate>
</asp:UpdatePanel>

3. 修正jQuery点击事件，使用正确的客户端ID #

ASP.NET服务器控件的客户端ID会自动添加前缀（比如ctl00_Button1），直接用#Button1可能找不到元素，要通过服务器代码输出正确ID：

// 如果myDiv设置了runat="server"，同样要用<%= myDiv.ClientID %>获取客户端ID
$('#<%= myDiv.ClientID %>').on('click', function(clickEvent) {
    // 阻止默认行为和事件冒泡（可选，根据需求调整）
    clickEvent.preventDefault();
    clickEvent.stopPropagation();
    
    // 触发按钮的异步点击
    document.getElementById('<%= Button1.ClientID %>').click();
});

额外注意事项 #

• 确保ScriptManager的EnablePartialRendering属性为true（默认值就是true，显式设置更稳妥）。
• 异步回发的方法里禁止使用Response.Redirect、Server.Transfer这类会触发整页跳转的方法，要用ScriptManager相关API处理客户端逻辑。
• 如果你的Div也设置了runat="server"，jQuery选择器必须用<%= myDiv.ClientID %>才能正确选中元素。

这样修改后，点击Div触发按钮时就会通过UpdatePanel完成异步回发，既更新了数据库，又不会刷新整个页面，DetailsView也会同步显示最新数据。

内容的提问来源于stack exchange，提问作者m0lochwalker