ASP.NET学习之页面传值(1)_表单传值

【关键点： 

 传值端：  

1、数据传递到那个页面：action决定        

2、表单提交：submit实现  

接收端：   

Request.Form[Id值].ToString();  //Id值是要获取的数据所在的控件的ID

】

表单 ： form;

表单中的 action 属性：指定将表单中的数据提交到什么地方【那个页面】

表单中的 method 属性：数据传输的方式

在表单传值中：用两种方法：

1、页面使用前端控件

前端控件必须要同时有 id 和 name 属性 按钮控件必须要同时有 id 和 value属性 type 为 submit 表单不能含有：runat="server"

IndexPage.aspx页面：

<form id="form1" method="post" action="ResultIndex.aspx">
        <input id ="Name" type="text" name="Name"/>
        <input id="Pass" type="text" name="Pass"/>
        <input id="Ok" type="submit" value="button"/>
</form>

ResultPage.aspx.cs后台代码:

protected void Page_Load(object sender, EventArgs e)
        {
            //取得IndexPage.aspx页面传来的数据
            string strName = Request.Form["Name"].ToString();
            string strPass = Request.Form["Pass"].ToString();
            
            txt.Value = "用户名："+strName+strPass;   //txt是该页面的文本控件
        }

2、页面使用服务器端控件[就是前端控件里面加上 runat=“server”]

Js + 服务器控件  完成form表单传值

在 JS代码中提交表单 表单不能含有：runat="server"

<script type="text/javascript" language="javascript">
        function getData() {
            forPost.action = "ResultIndex.aspx";  //action属性说明,当表单提交的时候，表单的数据想那个页面提交
            forPost.submit();   //提交表单
        }
</script>

IndexPage.aspx页面：

<form id="forPost" method="post">
        <div>
            <input id ="Name" type="text" runat="server"/>
            <input id="Pass" type="text" runat="server"/>
            <input id="Ok" type="button" runat="server" onclick="getData();"/>
        </div>
</form>

ResultPage.aspx.cs后台代码

接收数据

protected void Page_Load(object sender, EventArgs e)
        {
            //取得IndexPage.aspx页面传来的数据
            string strName = Request.Form["Name"].ToString();
            string strPass = Request.Form["Pass"].ToString();
            txt.Value = "用户名："+strName+strPass;
        }

asp.net 中表单传值的Get和Post 的用法简介 ： http://blog.sina.com.cn/s/blog_6712963d0100stm3.html

Get和Post的区别 http://www.cnblogs.com/hnrainll/archive/2011/06/07/2074593.html