使用隐藏字段实现ASPX前后端传值遇空值问题排查与解决

错误原因分析 #

你的代码存在两个核心问题导致后端无法获取到值：

1. 服务器端按钮回发冲突：按钮设置了runat="server"，点击时会触发ASP.NET默认的服务器回发流程，该流程会优先于你的JS跳转逻辑执行，导致隐藏字段的赋值操作在回发中被重置，跳转行为也被打断。
2. 错误的跳转方式：window.location.href发起的是GET请求跳转，不会自动提交form表单内的字段数据，因此后端无法获取到隐藏字段的值。

正确实现方式 #

方式1：服务器端按钮配合客户端脚本（推荐） #

利用ASP.NET服务器端按钮的回发机制，确保表单数据被正确提交：

前端（.aspx）代码

<body>
    <form id="form1" runat="server">
        <script type="text/javascript">
            var amt = "<%=amt%>";
            alert("amt :- " + amt);
            
            function setKeyId() {
                var keyid = "1234";
                // 使用服务器端控件的ClientID确保JS能正确找到元素
                document.getElementById('<%= key_id.ClientID %>').value = keyid;
                return true; // 允许服务器端回发执行
            }
        </script>
        <input id="key_id" runat="server" type="hidden" name="key_id_1" />
        <%-- 先执行客户端脚本赋值，再触发服务器端回发 --%>
        <asp:Button ID="btn" runat="server" Text="click" OnClientClick="return setKeyId();" OnClick="btn_Click" />
    </form>
</body>

后端（.aspx.cs）代码

public string amt;
protected void Page_Load(object sender, EventArgs e)
{
    amt = "100";
    // 仅在首次加载时执行初始化操作
    if (!IsPostBack)
    {
        // 初始化逻辑
    }
}

// 服务器端按钮点击事件
protected void btn_Click(object sender, EventArgs e)
{
    string kId = key_id.Value;
    Response.Write(kId);
}

方式2：纯客户端脚本提交表单 #

若不想依赖服务器端回发，可通过JS手动提交表单：

前端（.aspx）代码

<body>
    <form id="form1" runat="server" action="ValuePassig.aspx" method="post">
        <script type="text/javascript">
            var amt = "<%=amt%>";
            alert("amt :- " + amt);
            
            function getval() {
                var keyid = "1234";
                document.getElementById('<%= key_id.ClientID %>').value = keyid;
                // 手动提交表单
                document.getElementById('form1').submit();
                return false; // 阻止按钮默认行为
            }
        </script>
        <input id="key_id" runat="server" type="hidden" name="key_id_1" />
        <%-- 移除runat="server"避免回发冲突 --%>
        <input type="button" id="btn" value="click" onclick="getval()" />
    </form>
</body>

后端（.aspx.cs）代码

public string amt;
protected void Page_Load(object sender, EventArgs e)
{
    amt = "100";
    // 判断是否为表单提交的回发请求
    if (IsPostBack)
    {
        string kId = key_id.Value;
        // 也可通过Request.Form获取
        // string kId = Request.Form["key_id_1"];
        Response.Write(kId);
    }
}

方式3：AJAX异步传值（无页面刷新） #

需要无刷新传递数据时，可使用AJAX实现（需提前引入jQuery库）：

前端（.aspx）代码

<body>
    <form id="form1" runat="server">
        <script type="text/javascript">
            var amt = "<%=amt%>";
            alert("amt :- " + amt);
            
            function getval() {
                var keyid = "1234";
                $.ajax({
                    type: "POST",
                    url: "ValuePassig.aspx/SaveKeyId",
                    contentType: "application/json; charset=utf-8",
                    data: JSON.stringify({ keyId: keyid }),
                    dataType: "json",
                    success: function (response) {
                        alert("传递成功：" + response.d);
                    },
                    error: function (error) {
                        alert("传递失败：" + error.responseText);
                    }
                });
            }
        </script>
        <input type="button" id="btn" value="click" onclick="getval()" />
    </form>
</body>

后端（.aspx.cs）代码

public string amt;
protected void Page_Load(object sender, EventArgs e)
{
    amt = "100";
}

// 声明为WebMethod允许AJAX调用
[System.Web.Services.WebMethod]
public static string SaveKeyId(string keyId)
{
    // 处理接收到的值
    return "已接收值：" + keyId;
}

关键注意事项 #

• 带runat="server"的控件，ASP.NET会自动生成客户端ID，需用<%= 控件ID.ClientID %>确保JS能正确定位元素。
• 表单提交需指定method="post"或method="get"，才能传递表单内的字段值。
• 若必须用window.location.href传递数据，需将参数拼接到URL后（如window.location.href = "ValuePassig.aspx?key_id_1=1234";），后端用Request.QueryString["key_id_1"]获取，但此方式数据会暴露在URL中，仅适合少量非敏感数据。

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