ASP.NET C#页面切换/刷新时调用点击事件关联函数的实现

当然可行！针对你提到的场景（比如从abc.aspx跳转到bcd.aspx时自动调用abc里的保存函数），我整理了两种常用的实现思路，结合具体例子说明：

方法一：客户端JavaScript监听页面卸载事件（推荐） #

当用户触发页面跳转、刷新或关闭标签页时，浏览器会触发beforeunload或unload事件，我们可以利用这些事件调用后台的保存接口（也就是原来点击事件对应的函数）。

步骤1：封装后台保存逻辑为可调用接口 #

在abc.aspx.cs中，把原来点击事件的逻辑提取成公共方法，并用[WebMethod]标记让它能被前端JavaScript调用：

using System.Web.Services;

public partial class abc : System.Web.UI.Page
{
    // 原来的按钮点击事件
    protected void btnManualSave_Click(object sender, EventArgs e)
    {
        SaveUserInput();
    }

    // 提取出的公共保存方法，供前端自动调用
    [WebMethod]
    public static void SaveUserInput()
    {
        // 这里写你的保存逻辑：比如保存到Session、数据库等
        var userInput = HttpContext.Current.Request.Form["txtContent"];
        HttpContext.Current.Session["AutoSavedContent"] = userInput;
        
        // 示例数据库操作（需根据你的上下文调整）
        // using(var db = new YourDbContext())
        // {
        //     var record = new UserRecord { Content = userInput };
        //     db.UserRecords.Add(record);
        //     db.SaveChanges();
        // }
    }
}

步骤2：前端监听页面卸载并调用后台方法 #

在abc.aspx的前端代码中，添加JavaScript监听beforeunload事件，触发时调用后台的保存方法：

<script src="https://code.jquery.com/jquery-3.6.4.min.js"></script>
<script>
    // 监听页面即将卸载的事件
    window.addEventListener('beforeunload', function(e) {
        // 同步调用后台保存接口（必须同步，否则页面可能在请求完成前跳转）
        $.ajax({
            type: "POST",
            url: "abc.aspx/SaveUserInput",
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            async: false,
            success: function(res) {
                console.log("自动保存成功");
            },
            error: function(xhr, status, err) {
                console.error("自动保存失败：" + err);
            }
        });
    });
</script>

方法二：服务器端跳转前主动触发保存 #

如果跳转是通过服务器端代码（比如Response.Redirect）触发的，直接在跳转逻辑前调用保存函数即可：

示例代码（abc.aspx.cs） #

protected void btnGoToBCD_Click(object sender, EventArgs e)
{
    // 先执行保存逻辑
    SaveUserInput();
    // 再跳转到目标页面
    Response.Redirect("bcd.aspx");
}

// 私有保存方法（仅服务器端调用）
private void SaveUserInput()
{
    var userInput = txtContent.Text;
    Session["AutoSavedContent"] = userInput;
    // 数据库操作逻辑同上
}

关键注意事项 #

• 方法一覆盖所有页面离开场景（包括用户手动刷新、点击浏览器导航按钮），方法二仅适用于服务器端触发的跳转。
• 使用beforeunload时，async: false是核心，异步请求可能在页面卸载后才完成，导致保存失败。
• 若保存逻辑耗时较长，建议优化性能（比如异步写入缓存后批量同步到数据库），避免阻塞用户操作。

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