<form action="/Form00/getData" method="post"></for获取表单数据的4种方式:
- 通过形参的方式接收表单提交的数据(可以接收post与get提交的数据)
-参数之间用“,”逗号隔开;
public ActionResult GetDate(string name,string passWord,string set,string beizhu)
{ 定义参数,参数必须和表单中的属性保持一致,否则无法接收数据;
string str = name + "." + passWord + "." + set + "." + beizhu;
return Content(str); 通过string完成字符串的拼接;
}
2.通过FormCollection来接收表单的数据(只能接收到post提交过来的数据)
public ActionResult PostDate(FormCollection form)
{
string name = form["name"]; //属性放在方括号内;
string passWord = form["passWord"];
string set = form["set"];
string beizhu = form["beizhu"];
var str = name + passWord + set + beizhu; //字符串的拼接;
return Content(str);
}
3.通过 Request.Form["name的属性值"]获取表单数据(只能接收到post提交过来的数据)
语法:Request.Form["属性"];
public ActionResult getDataByRequest()
{
string name = Request.Form["name"];
string sex = Request.Form["sex"];
string address = Request.Form["address"];
string str = "3.通过Request.Form来接收表单的数据" + name + "&" + sex + "&" + address;
return Content(str);
}
4.EntityClass实体类接收数据(可以接收post与get提交的数据) 为常用方法;
public ActionResult Per(Person person)
{ //用 person.属性;的方式获取属性;
string name = person.name; 属性必须和表单中的属性保持一致,
string passWord = person.passWord; 否则无法接收;
string set = person.set;
string beizhu = person.beizhu;
var str = name + passWord + set + beizhu;
return Content(str);
}
//创建实体类;
public class Person
{
public string name { get; set; }
public string passWord { get; set; }
public string set { get; set; }
public string beizhu { get; set; }
}
From表单
HTML表单:用于搜索不同类型的用户输入
form表单的属性action 与method:
属性 值 描述
action URL(页面链接路径) 规定当提交表单时向何处发送表单数据
method get/post 规定用于发送form-data的HTTP方法。(提交表单的方式)
在没有定义method的值时,默认的提交方式为get;
method的值 get/post
get提交时的参数信息直接暴露在URL上。
与 POST 相比,GET 更简单也更快,并且在大部分情况下都能用。
然而,在以下情况中,推荐使用 POST 请求:
1.无法使用缓存文件(更新服务器上的文件或数据库)
2.向服务器发送大量数据(POST 没有数据量限制)
3.发送包含未知字符的用户输入时,POST 比 GET 更稳定也更可靠
get/post区别:
1.GET方法是用来向服务器上获取数据,而PSOT是用来向服务器上传递修改数据。
2.GET将表单里的数据添加到action所指向的URL后面,并且两者之间使用”?”连接
而各个变量之间使用"&"连接;PSOT是将表单中的数据放在form的数据体(FormData)中,
按照键值对的方式,传递到所指向的action
3.GET是不安全的,因为在传输过程中,数据被放在请求的url中这样用户可以直接在浏览器上看到提交的数据,假如在设置密码的时候,信息就会暴露在浏览器上面,别人也就能看到,没有安全性可言;
POST的所有操作对用户来说都是不可见的,数据都在数据体(FormData)中,POST比GET更具有安全性;
4.GET方法向URL添加数据,URL的长度是受限制的(URL的最大长度是2048个字符),POST提交则无限制
5.GET方式获取数据后,刷新不会有负面的影响,因为它只是获取数据,
POST数据会被重新提交可能会产生不良的后果(浏览器应该告知用户数据会被重新提交)
6.数据类型的限制:GET只允许ASCII字符,POST则无限制(如果提交二进制数据(例如:图片),则需要使用POST方法)
m>
URL可能的值:
绝对 URL - 指向其他站点(比如 src="www.baidu.com")
相对 URL - 指向站点内的文件(比如 src="/Form00/getData")
表单的手动提交
将onsubmit设置为return false可以阻止表单的提交,若不阻止,就算表单内容为空的时候,点击提交按钮,
表单也会进行提交的;
在表单内容不为空的时候,点击提交,才可以进行提交;
url的语法:url == "/控制器/方法的名称";
方法如下:
先定义封装方法函数() {
然后获取元素属性;
if (name != "" && sex != 0 && address != ""){条件,则在输入框不为空的时候,才提交数据
var myform = document.getElementById("myform"); //获取整个表单元素属性;
myform.method = "get"; //设置提交方式
myform.action = "/Form/GetData"; //URL提交地址
myform.submit(); //表单的提交;
} else {
alert("数据不完整!");
}
}