ASP.NET 从内容页访问母版页Input控件取值失效如何解决

问题核心原因 #

1. 服务端执行时机早于客户端JS：ASP.NET页面生命周期中，服务端Page_Load代码会在页面渲染到浏览器前执行完成，你写的$(document).ready赋值逻辑是浏览器拿到完整HTML后才会运行，所以在Page_Load阶段读取input控件必然拿不到JS赋的值。
2. Response.Redirect是无状态跳转：跳转后新页面的母版页是全新实例，原页面母版页里存储的控件值不会自动传递到新页面。
3. 母版页中控件的客户端ID会自动拼接前缀，你直接用$("#hiddenInputW")大概率找不到目标控件，导致JS赋值本身就没成功。

可行解决方案 #

方案1：用Cookie存储窗口尺寸（最适合该场景）

窗口尺寸属于客户端信息，直接存在本地 Cookie 里，所有页面都可以直接读取：

1. 修改JS逻辑：

<script src="jquery-1.9.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
    // 存储Cookie，有效期1天，全站可访问
    document.cookie = "windowWidth=" + $(window).width() + ";path=/;max-age=86400";
    document.cookie = "windowHeight=" + $(window).height() + ";path=/;max-age=86400";
});
</script>

2. 内容页Page_Load直接读取Cookie：

string width = Request.Cookies["windowWidth"]?.Value;
string height = Request.Cookies["windowHeight"]?.Value;
LabelTest.Text = width ?? "未获取到窗口宽度";

方案2：保留服务端控件传值的改造方法

如果一定要用服务端控件传递，需要做两处修改：

1. 修正母版页input控件的ID模式，保证JS能正常找到：

<input type="text" runat="server" id="hiddenInputW" ClientIDMode="Static" />
<input type="text" runat="server" id="hiddenInputH" ClientIDMode="Static" />

2. 把Response.Redirect跳转改为跨页提交，不要做重定向：

<!-- 原跳转LinkButton去掉服务端点击事件的Redirect，直接设置PostBackUrl -->
<asp:LinkButton ID="LinkBtnJump" runat="server" PostBackUrl="ProcessMap.aspx">跳转</asp:LinkButton>

3. 目标内容页Page_Load读取上一页的控件值：

if (Page.PreviousPage != null && Page.PreviousPage.Master != null)
{
    HtmlInputText width = (HtmlInputText)Page.PreviousPage.Master.FindControl("hiddenInputW");
    if(width != null)
    {
        LabelTest.Text = width.Value;
    }
}

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