• 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>
    View Code

    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是该页面的文本控件
            }
    View Code

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

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

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

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

    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>
    View Code

    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;
            }
    View Code

    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

  • 相关阅读:
    @controller和@restController注解详解
    customer.sql
    jsp自定义标签
    git常用命令
    dubbo问题
    idea maven项目的移除添加
    bean type not found
    利率配置修改时选中下拉框时,加alert选中,否则不选中
    Vmware文件类型
    抖音平台分析
  • 原文地址:https://www.cnblogs.com/Yisijun/p/4588041.html
Copyright © 2020-2023  润新知