脚本与后端数据传递小技巧

来源：互联网发布：windows控制面板在哪编辑：程序博客网时间：2024/05/16 16:10

表单中input标签为文本框,其提供了一个隐藏域,可以用来保存输入的内容,像div这样的标签,即使使用脚本使其内部值发生了变化,但是无法保存值,所以隐藏域的作用就提升了.可以来测试下.

<%@ Page Language="C#" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

protected void Button2_Click(object sender, EventArgs e)

{

Label1.Text = HiddenField1.Value + TextBox1.Text + aaa.InnerHtml;

}

</script>

// <!CDATA[

function aa() {

document.getElementById("HiddenField1").value="a";

document.getElementById("TextBox1").value="b";

document.getElementById("aaa").innerHTML="c";

}

// ]]>

</script>

</head>

<body>

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

<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>

<br />

<asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>

<asp:Button ID="Button2" runat="server" OnClick="Button2_Click" Text="Button" />

</form>

</body>

</html>

这样的使用方法在控件中非常常用,AjaxControlToolkit的基类ExtenderControlBase也使用了这样了方法,其提供了ClientState属性可以获取隐藏域的值.方便了前台和后台的交互