如何将JavaScript值传递到后端代码？传值为空及Label赋值失败求助

嘿，我之前也踩过这个坑！咱们先搞明白为啥用Label控件传值会失败，再给你靠谱的解决方案～

为啥Label不行？ #

你可能以为给带runat="server"的Label赋值后，后端就能拿到，但实际上：

• Label在前端渲染后是<span>标签，不是表单控件，所以页面回发时，它的内容不会被提交到服务器。
• 服务器端控件的状态依赖ViewState，JS修改的只是前端DOM的内容，不会同步更新ViewState，所以后端读取Label.Text时还是初始的空值。

正确的解决方案：用HiddenField控件 #

HiddenField是专门用来在前后端传递隐藏值的表单控件，完美适配你的需求。

步骤1：在前端添加HiddenField #

把原来的Label换成这个：

<asp:HiddenField ID="hfPassedValue" runat="server" />

步骤2：JavaScript中给HiddenField赋值 #

注意要获取控件的前端真实ID（ASP.NET会自动生成带前缀的ID，用<%= 控件ID.ClientID %>可以拿到正确的ID）：

// 假设你要传递的值是某个变量，比如userInput
const userInput = "这是要传到后端的值";
document.getElementById('<%= hfPassedValue.ClientID %>').value = userInput;

步骤3：后端代码获取值 #

现在回发后，后端就能直接拿到值了：

protected void Page_Load(object sender, EventArgs e)
{
    if (IsPostBack)
    {
        string passedValue = hfPassedValue.Value;
        // 这里就能正常使用passedValue了，不会是空字符串啦
    }
}

额外提醒 #

如果你用了UpdatePanel做局部回发，要确保HiddenField在UpdatePanel内部，或者把它注册为UpdatePanel的触发器，这样回发时值才能被正确传递。

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