Asp.net C#技术问题：自定义返回按钮触发表单重提交确认

我懂你的烦恼——当页面是通过表单POST请求加载的，不管用浏览器自带返回按钮还是自定义按钮，都会触发“Confirm Form Resubmission”和“Err_Cache_Miss”提示，这是浏览器的安全机制，防止重复提交表单数据。咱们来拆解几种靠谱的解决方案，帮你彻底搞定这个问题：

方案一：用PRG模式从根源避免问题 #

这是Web开发中解决表单重提交的标准方案，核心思路是：表单提交后，服务器不直接返回结果页，而是重定向到结果页的GET请求。这样结果页是通过GET加载的，返回时就不会触发POST重提交提示。

具体实现步骤：

1. 处理表单提交的页面（比如第一页的提交逻辑）：

protected void btnSubmit_Click(object sender, EventArgs e)
{
    // 先完成表单数据保存等业务逻辑
    SaveFormData();

    // 重定向到第二页，用GET方式传递必要参数（如果需要）
    Response.Redirect("SecondPage.aspx?ItemId=123", false);
}

2. 第二页加载时通过QueryString获取参数并展示内容：

protected void Page_Load(object sender, EventArgs e)
{
    if (!IsPostBack)
    {
        string itemId = Request.QueryString["ItemId"];
        LoadPageContent(itemId);
    }
}

3. 自定义返回按钮直接跳回第一页的GET地址：

protected void btnBack_Click(object sender, EventArgs e)
{
    Response.Redirect("FirstPage.aspx", false);
}

整个流程都是GET请求跳转，彻底规避了重提交提示。

方案二：服务器端跳转至前一页的GET地址（适配已有POST加载页面） #

如果你不想修改原有表单提交流程，可以在第二页加载时保存前一页的GET地址，点击返回按钮时直接通过服务器端重定向过去，而非依赖浏览器历史：

1. 在第二页的Page_Load中保存前一页URL（确保只在首次加载时保存，且UrlReferrer不为空）：

protected void Page_Load(object sender, EventArgs e)
{
    if (!IsPostBack)
    {
        if (Request.UrlReferrer != null)
        {
            // 用Session保存比ViewState更可靠，避免页面回发时丢失
            Session["PrevPageUrl"] = Request.UrlReferrer.ToString();
        }
    }
}

2. 返回按钮的点击事件：

protected void btnBack_Click(object sender, EventArgs e)
{
    if (Session["PrevPageUrl"] != null)
    {
        Response.Redirect(Session["PrevPageUrl"].ToString(), false);
        Session.Remove("PrevPageUrl"); // 用完及时清除，避免后续异常
    }
    else
    {
        // 兜底逻辑：跳转到默认首页或其他安全页面
        Response.Redirect("Default.aspx", false);
    }
}

方案三：JS方案（修改浏览器历史，规避POST重提交） #

如果想用JS实现返回功能，又不想触发提示，可以通过history.replaceState修改浏览器历史记录，把当前POST页面的记录替换成GET版本的URL，这样返回时就会加载GET页面：

1. 在第二页底部添加JS代码：

window.onload = function() {
    // 构造当前页面的GET版本URL（如需传参可自行拼接）
    var getUrl = window.location.href.split('?')[0];
    // 替换当前历史记录为GET URL
    history.replaceState(null, document.title, getUrl);
};

// 自定义返回函数
function goBack() {
    history.go(-1);
}

2. 按钮绑定该函数：

<asp:Button ID="btnBack" runat="server" Text="返回" OnClientClick="goBack(); return false;" />

注意：history.replaceState是HTML5特性，兼容现代浏览器，若需支持旧版IE需做降级处理。

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