MVC3: 页面向服务传参(view->controller,get,post)
- HttpGet
- HttpPost
- GetPost 总结比较
- ajax get post
1)HttpGet
Get是http请求的默认形式。拿MVC官方教程Movie项目举例如下。
编辑页面 Views\Movies\Index.cshtml view:
@Html.ActionLink("Edit", "Edit", new { id=item.ID })链接前台URL显示为:the previous image is http://localhost:xxxxx/Movies/Edit/4. 等同于在IE地址栏输入URL http://localhost:xxxxx/Movies/Edit?ID=4
对应MVC路由 {controller}/{action}/{id}。在controller中代码为:
// // GET: /Movies/Edit/5 public ActionResult Edit(int id = 0) { Movie movie = db.Movies.Find(id); if (movie == null) { return HttpNotFound(); } return View(movie); }例2 前台:
//Form Get
<form action="/MyTest/TestHttpGet" method="get"> testHttpGet <input type="text" name="text"/> <br /> <input type="submit" value="Get"/> </form>
//Html.BeginForm
<%Html.BeginForm("TestHttpGet", "MyTest", FormMethod.Get);%> username:<%=Html.TextBox("UserName") %> password:<%=Html.TextBox("PassWord") %> <input type="submit" value="BeginFormGet"/> <%Html.EndForm();%>
后台:
public string TestHttpGet() { string str = Request.QueryString["text"];
2)HttpPost
Form post方式
前台页面:
<form action="/MyTest/TestHttpPost" method="post"> testHttpPost <input type="text" name="name"/> <br /> <input type="submit" value="Post"/> </form>
<%Html.BeginForm("TestHttpGet", "MyTest", FormMethod.Get);%> username:<%=Html.TextBox("UserName") %> password:<%=Html.TextBox("PassWord") %> <input type="submit" value="BeginFormGet"/> <%Html.EndForm();%>
</pre>后台:</div><div><pre name="code" class="html"> [HttpPost] public string TestHttpPost() { string str =Request.Form["name"]; string name = Request.Form["Name"]; string pwd = Request.Form["PassWord"]; return "HelloHttpPost "+str+name+pwd; }
3)Get Post 总结比较
Get是向服务器发索取数据的一种请求,而Post是向服务器提交数据的一种请求,在FORM(表单)中,Method默认为"GET"。
@1:Get:
根据HTTP规范,GET用于信息获取,而且应该是安全的和幂等的。安全:所谓安全的意味着该操作用于获取信息而非修改信息。换句话说,GET
请求一般不应产生副作用。就是说,它仅仅是获取资源信息,就像数据库查询一样,不会修改,增加数据,不会影响资源的状态。幂等:对同一URL的多个请求应该返回同样的结果。
.GET请求的数据会附在URL之后(就是把数据放置在HTTP协议头中),以?分割URL和传输数据,参数之间以&相连,如:login.action?name=hyddd&password=idontknow&verify=%E4%BD%A0%E5%A5%BD。如果数据是英文字母/数字,原样发送,如果是空格,转换为+,如果是中文/其他字符,则直接把字符串用BASE64加密,得出如:%E4%BD%A0%E5%A5%BD,其中%XX中的XX为该符号以16进制表示的ASCII。
首先是"GET方式提交的数据最多只能是1024字节",因为GET是通过URL提交数据,那么GET可提交的数据量就跟URL的长度有直接关系了。而实际上,URL不存在参数上限的问题,HTTP协议规范没有对URL长度进行限制。这个限制是特定的浏览器及服务器对它的限制。IE对URL长度的限制是2083字节(2K+35)。对于其他浏览器,如Netscape、FireFox等,理论上没有长度限制,其限制取决于操作系统的支持。
注意这是限制是整个URL长度,而不仅仅是你的参数值数据长度。
POST是没有大小限制的,HTTP协议规范也没有进行大小限制,说“POST数据量存在80K/100K的大小限制”是不准确的,POST数据是没有限制的,起限制作用的是服务器的处理程序的处理能力。对于ASP程序,Request对象处理每个表单域时存在100K的数据长度限制。但如果使用Request.BinaryRead则没有这个限制。
@2:Post:
根据HTTP规范,POST表示可能修改变服务器上的资源的请求。以网站为例,读者对新闻发表自己的评论应该通过POST实现,因为在评论提交后站点的资源已经不同了,或者说资源被修改了。
POST把提交的数据则放置在是HTTP包的包体中。
.POST的安全性要比GET的安全性高。注意:这里所说的安全性和上面GET提到的“安全”不是同个概念。上面“安全”的含义仅仅是不作数据修改,而这里安全的含义是真正的Security的含义,比如:通过GET提交数据,用户名和密码将明文出现在URL上,因为(1)登录页面有可能被浏览器缓存,(2)其他人查看浏览器的历史纪录,那么别人就可以拿到你的账号和密码了,除此之外,使用GET提交数据还可能会造成Cross-site
request forgery攻击。
get方式,服务器端用Request.QueryString获取变量的值,对于post方式,服务器端用Request.Form获取提交的数据。
看百度百科总结如下,更简短点;
1. get是从服务器上获取数据,post是向服务器传送数据。 2. get是把参数数据队列加到提交表单的ACTION属性所指的URL中,值和表单内各个字段一一对应,在URL中可以看到。post是通过HTTP post机制,将表单内各个字段与其内容放置在HTML HEADER内一起传送到ACTION属性所指的URL地址。用户看不到这个过程。 3. 对于get方式,服务器端用Request.QueryString获取变量的值,对于post方式,服务器端用Request.Form获取提交的数据。 4. get传送的数据量较小,不能大于2KB。post传送的数据量较大,一般被默认为不受限制。但理论上,IIS4中最大量为80KB,IIS5中为100KB。 5. get安全性非常低,post安全性较高。但是执行效率却比Post方法好。 建议: 1、get方式的安全性较Post方式要差些,包含机密信息的话,建议用Post数据提交方式; 2、在做数据查询时,建议用Get方式;而在做数据添加、修改或删除时,建议用Post方式;
4) ajax post get
@ get
//View
<script type="text/javascript"> function GetTime() { $.get("Home/GetTime", function (response) { $("#myPnl").html(response); }); return false; } </script> <div id="myPnl" style="width: 300px; height: 30px; border: 1px dotted silver;"> </div> <a href="#" onclick="return GetTime();">Click Me</a>
//Control
<span style="font-family: Arial, Helvetica, sans-serif; font-size: 12px;">public ActionResult GetTime()</span>
{ return Content(DateTime.Now.ToString()); }
@Post
//view
<script type="text/javascript"> $(document).ready(function () {
<span style="white-space:pre"> </span> $.post("Home/GetTime",
{val1:"bailang",city:"beijing"},
<span style="white-space:pre"> </span>function (data,status) { <span style="white-space:pre"> </span>$("#myPnl2").html(data+status); });
$("#btn").click(function () { $.ajax({ type: 'Post', url: "/MyTest/MyAjax", data:{ val1: $("#ajaxInput").val(), val2: $("#ajaxInput2").val(), val3: "val3333", val4:"val444" }, dataType: "json", success: function (data) { alert("ajax success"); }, error: function () { alert("ajax error") } }); }); });
//Control
[HttpPost] public string MyAjax(string val1) { string val2 = Request["val2"].ToString(); string val3 = Request.Form["val3"].ToString(); string val4 = Request.Params["val4"].ToString(); return val1; }
[HttpPost] public ActionResult PostTime() { var fname=Request.Form["name"]; var city=Request.Form["city"]; Response.Write("Dear "+fname); Response.Write("Hope you live well in " +city); return Content(DateTime.Now.ToString()); }
注意有时候要用到是否是ajax请求的判断情况:
[HttpPost] public ActionResult SaveUser(UserModel userModel) { //Save User Code Here //...... if (Request.IsAjaxRequest()) return Content("Save Complete!"); else return View(); }