获取表单的四种方式

获取表单的四种方式

一．

 

获取表单input的value值

function getData1() {

var name = document.getElementById("txtName").value;

var sex = document.getElementById("cboSex").value;

var xuexiao = document.getElementById("txtxx").value;

var dianhua = document.getElementById("txtdhhm").value;

var address = document.getElementById("txtAddress").value;

if (name != "" && sex != 0 && xuexiao != "" && dianhua != "" && address != "") {

      var form = document.getElementById("frm");

           1./Main/GetData 通过形参接收数据

action action 属性规定当提交表单时，向何处发送表单数据。

           form.action = "/Main/GetData";

 

       2."/Main/getDataByFormCollection"

      通过FormCollection来接收数据

     form.action = "/Main/getDataByFormCollection";

 

       3.通过 Request.Form["name的属性值"]获取表单数据

        form.action = "/Main/getDataByRequest";

 

 

            4.EntityClass实体类接收数据

 

                form.action = "/Main/getDataByEntityClass";

                form.method = "post";method：请求的类型；GET 或 POST                 form.submit();

            } else {

                alert("表单填写的数据不能为空，请检查");

            }

 

控制器

//1 get post

第一种.通过形参的方式接收表单提交的数据  (可以接收post与get提交的数据)

 

        public ActionResult GetData(string name,string sex,string xuexiao, string dianhua, string address)

        {

            string str = " 姓名:" + name + " 性别:" + sex + " 学校:" + xuexiao + " 电话号码:" + dianhua + " 地址:" + address;

            return Content(str);

        }

 

 

 

 

 

 

//2 post

第二种.通过FormCollection来接收表单的数据   只能接收到post提交过来的数据

FormCollection 这是一个类，   form这是这个类实例化的对象。类类型。

string字符串类型

 

        public ActionResult getDataByFormCollection(FormCollection form)

        {

            string name1 = form["name"];  定义变量name1  =form键值对；name键

            string sex1 = form["sex"];

            string address1 = form["address"];

            string xuexiao1 = form["xuexiao"];

            string dianhua1 = form["dianhua"];

定义变量str，做一个字符串拼接

            string str = " 姓名:" + name1 + " 性别:" + sex1 + " 学校:" + xuexiao1 + " 电话号码:" + dianhua1 + " 地址:" + address1;

            return Content(str);

        }

 

 

 

 

 

//3 post

第三种.通过 Request.Form["name的属性值"]获取表单数据 只能接收到post提交过来的数据

 

        public ActionResult getDataByRequest()

        {

            string name = Request.Form["name"];

定义变量name，Request当前请求的一个基类，点form【“name的属性值”】这样就可以把数据请求到了。通过 Request.Form的方式获取

            string sex = Request.Form["sex"];

            string xuexiao = Request.Form["xuexiao"];

            string dianhua = Request.Form["dianhua"];

            string address = Request.Form["address"];

            string str = " 姓名:" + name + " 性别:" + sex + " 学校:" + xuexiao + " 电话号码:" + dianhua + " 地址:" + address;

            return Content(str);

        }

 

 

 

 

 

 //4 get post

第四种.EntityClass实体类接收数据  可以接收post与get提交的数据

自定义一个类

        public ActionResult getDataByEntityClass(Person person)通过person接收

        {

            string name = person.name;定义一个string对象，等于person.name；

            string sex = person.sex;

            string xuexiao = person.xuexiao;

            string dianhua = person.dianhua;

            string address = person.address;

            string str = " 姓名:" + name + " 性别:" + sex + " 学校:" + xuexiao + " 电话号码:" + dianhua + " 地址:" + address;

            return Content(str);

        }

        public class Person   

在当前这个程序里面 class定义Person，Person类的名称

        {//public string name;//成员变量

            public string name { get; set; }//属性

        定义一个string

            public string sex { get; set; }//属性

            public string xuexiao { get; set; }//属性

            public string dianhua { get; set; }//属性

            public string address { get; set; }//属性

}