ASP.NET 前台后台问题-优快云博客

本文介绍了一个简单的ASP.NET应用程序实例，展示了如何通过隐藏字段在前后台之间传递数据，并利用JavaScript来控制前端元素的显示与隐藏。此过程涉及HTML、C#及JavaScript的基本用法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前台代码：

HTML code


    <%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="_Default" %>


<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>无标题页</title>
</head>
<body>
    <form id="form1" runat="server">
    <table>
    <tr>
      <td>
         <input id="txtnone" type="text" runat="server"/>
         <input id="txtBlock" type="text" runat="server" />
         <input id ="hid" type="hidden" runat="server"/>
         <asp:Button ID="BtnSave" runat="server" Text="获取隐藏hid值" OnClick="BtnSave_Click"  />
         
    </td>
    </tr>
    </table>
    </form>
</body>
</html>
<script type="text/javascript">
  window.onload = new function()
  {
        var tt;
        tt = "<%=ss %>";//获取后台变量值
        document.getElementById("txtnone").style.display ="none";//隐藏前台控件
        document.getElementById("hid").value=tt;//用隐藏控件记录前台值传递给后台
        
  }
</script>

后台代码：

C# code



using System;
using System.Data;
using System.Configuration;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;

public partial class _Default : System.Web.UI.Page 
{
    public string ss = "后台值";
    protected void Page_Load(object sender, EventArgs e)
    {
        if (!IsPostBack)
        {
            this.txtBlock.Value = hid.Value;//txtBlock值没有变是因为Page_Load在加载html代码前执行
        }

    }
    protected void BtnSave_Click(object sender, EventArgs e)
    {
        this.txtBlock.Value = hid.Value;
    }
}