ASP.NET MVC中Controller向view傳值的方式：
- ViewBag、ViewData、TempData
- 單個值的傳遞
- Json
- 匿名類型
- ExpandoObject
- Cookie
- ViewModel(向普通View頁面傳個Model對象、向強類型頁面傳一個Model對象、用一個ViewModel對象解決所有問題)
ASP.NET MVC中view向Controller傳值的方式
- QueryString
- RouteData
- Model Binding(form、使用和Action參數同名的變量進行傳遞)
- Cookie
在MVC中ViewBag的作用是數據的傳遞。在MVC3開始，視圖數據能夠通過ViewBag屬性訪問。在MVC2中則是使用ViewData。MVC3中保留了ViewData的使用。ViewBag是動態類型的（dynamic），ViewData是一個字典型的（Dictionary）。
MVC3中ViewBag和ViewData的差別：
ViewBag不再是字典的鍵值對結構，而是dynamic動態類型的。 它會在程序執行的時候動態解析。
所以在視圖中獲取它的數據時候不須要進行類型轉換
| ViewData | ViewBag |
| 它是Key/Value字典集合 | 它是dynamic類型對像 |
| 從Asp.net MVC 1 就有了 | ASP.NET MVC3 才有 |
| 基于Asp.net 3.5 framework | 基于Asp.net 4.0與.net framework |
| ViewData比ViewBag快 | ViewBag比ViewData慢 |
| 在ViewPage中查詢數據時須要轉換合適的類型 | 在ViewPage中查詢數據時不須要類型轉換 |
| 有一些類型轉換代碼 | 可讀性更好 |
View向Controller中傳遞數據的方式
QueryString
View中代碼：
<div><button id="btn">提交</button>
</div>
<script>$(function () {$('#btn').click(function () {//url不區分大小寫location.href = "/home/getvalue?method=querystring";});});
</script> Controller中代碼：
public void GetValue()
{//Request屬性可用來獲取querystring,form表單以及cookie中的值var querystring = Request["method"];
} 使用querystring向后臺傳遞屬于http協議中的get方式，即數據會暴露在url中，安全性不高（可通過瀏覽器歷史記錄看到發送的數據）且傳遞的數據量有大小限制。
點擊提交按鈕后瀏覽器地址欄中的地址：http://localhost:57625/home/getvalue?method=querystring。程序執行結果如下：
RouteData
路由可以讓我們寫出可讀性較高的url，使用路由傳遞數據，首先要配置合適的路由：
routes.MapRoute(name: "Default",url: "{controller}/{action}/{id}"
); 前端代碼只需要將location.href的值改為和路由匹配的url即可，本示例中為"/home/getvalue/100"
Controller中的代碼：
public void GetValue()
{var value = RouteData.Values["id"];
} 獲取的值是object類型：
獲取路由參數的另外一種方式是給Action設置一個和路由模板中指定的參數名一致（不區分大小寫）的參數即可，代碼如下：
public void GetValue(int id)
{} 注意，這里不僅獲取了路由數據，而且自動將數據類型轉換為int類型：
ModelBinding
1. Form
form表單形式是常見的向后端發送數據的方式，但是在提交數據是只會提交form表單內部具有name屬性的input,textarea,select標簽的value值。
View中的代碼：
<form action="/home/getvalue" method="post"><input type="text" name="username" /><input type="text" name="age" /><input type="submit" name="button" value="提交" /> </form>
Controller中的代碼：
public void GetValue()
{var name = Request["username"];var age = Request["age"];var btn = Request["button"];
} 獲取到的數據均為string類型：
現在我們創建一個和form表單對應的類：
public class User
{public string UserName { set; get; }public int Age { set; get; }
} 修改Action的代碼如下：
public void GetValue(User user)
{} 然后運行程序，可以看到MVC以將表單中的數據映射為User類實例的屬性值，且進行了相應的數據類型的轉換。
2. 使用和Action參數同名的變量進行傳遞
View中的代碼：
<button id="btn">傳遞數據</button>
<script>$(function () {$('#btn').click(function () {$.ajax({'type': 'post', 'url': '/home/getdata',//傳遞的數據也可以是序列化之后的json格式數據//如，上面使用form表單提交數據就可以使用jquery中的serialize()方法將表單進行序列化之后在提交//data:$('#form').serialize()'data': { username: '雪飛鴻', age: '24' },error: function (message) {alert('error!');}});})})
</script> ?
Controller中的代碼：
public void GetData(string username, int age)
{} 在Action中成功獲取到了對應的參數值，且數據類型也根據Action中參數的類型進行了相應的轉換。
這里引用jquery.cookie插件來進行cookie的操作
<body><button id="btn">提交</button><script>$(function () {//向cookie中寫入值$.cookie('key', 'jscookie');$('#btn').click(function () {location.href = "/home/getvalue";});})</script>
</body> public void GetValue()
{var cookie = Request["key"];
} ?
Controller向View中傳值
單個值的傳遞
public ActionResult Index()
{//注意，傳遞的值不能是string類型，否則會執行View(string viewName)方法而導致得不到正確結果return View(100);
} <body><p>@Model</p> </body>
Json
public ActionResult Index()
{return View();
}public JsonResult SendData()
{return Json(new { UserName = "雪飛鴻", Age = 24 });
} <!DOCTYPE html>
<html>
<head><meta name="viewport" content="width=device-width" /><script src="~/scripts/jquery-1.10.2.min.js"></script>
</head>
<body><p id="message"></p><button id="btn">獲取數據</button><script>$(function () {$('#btn').click(function () {$.ajax({'url': '/home/senddata', 'type': 'post',success: function (data) {$('#message').html('用戶名：' + data.UserName + "<br/>年齡：" + data.Age);},error: function (message) {alert('error:' + message.statusText);}});});});</script>
</body>
</html> 
匿名類型
public ActionResult Index()
{//使用匿名類向View中傳遞數據return View(new { UserName = "雪飛鴻", Age = 24 });
} <!DOCTYPE html> <html> <head><meta name="viewport" content="width=device-width" /> </head> <body><p>用戶名：@Model.UserName</p><p>年齡：@Model.Age</p> </body> </html>
因為匿名類型的類型名由編譯器生成，并且不能在源代碼級使用。所以，直接使用匿名類型向View中傳遞數據，在前臺頁面是無法訪問到匿名類型中的屬性的。執行上面代碼程序會出現錯誤：
針對上述問題，使用Newtonsoft將匿名類型轉換為json格式即可解決該問題。
使用NuGet引入Newtonsoft.Json包，然后修改代碼如下：
public ActionResult Index()
{string json = JsonConvert.SerializeObject(new { UserName = "雪飛鴻", Age = 24 });//也可以直接序列化JSON格式的字符串//dynamic jsonObj = JsonConvert.DeserializeObject("{ UserName : \"雪飛鴻\", Age : 24 }");dynamic jsonObj = JsonConvert.DeserializeObject(json);return View(jsonObj);
} 
ExpandoObject
上面提到，直接使用匿名類型向View中傳遞數據是行不通的，可以使用ExpandoObject類型對象來替代匿名類型
public ActionResult Index()
{dynamic user = new ExpandoObject();user.UserName = "雪飛鴻";user.Age = 24;return View(user);
} 
ViewBag、ViewData、TempData
public ActionResult Index()
{ViewBag.Title = "數據傳遞";ViewData["key"] = "傳遞數據";//默認情況下TempData中的數據只能使用一次TempData["temp"] = "tempdata";return View();
} <!DOCTYPE html> <html> <head><meta name="viewport" content="width=device-width" /><title>@ViewBag.Title</title> </head> <body><p>@ViewData["key"]</p><p>@TempData["temp"]</p> </body> </html>
ViewModel
通過視圖模型將數據傳遞到前端
//視圖模型
public class User
{public string UserName { set; get; }public int Age { set; get; }
}
//Action
public ActionResult Index()
{User user = new User() { UserName = "雪飛鴻", Age = 24 };return View(user);
} @* 設置頁面為強類型頁面 *@
@model DataTransfer.Controllers.User
@{Layout = null;
}<!DOCTYPE html>
<html>
<head><meta name="viewport" content="width=device-width" /></head>
<body><p>用戶名：@Model.UserName</p><p>年齡：@Model.Age</p>
</body>
</html> 
public ActionResult Index()
{Response.SetCookie(new HttpCookie("key", "cookie"));return View();
} <body><p id="message"></p><script>$(function () {var message = $.cookie('key');$('#message').text(message);})</script>
</body> 
