mvc頁面間的傳值

標籤：type   options   enter   username   建立   控制項   option   zhang   傳統   

本文大致講解mvc前後端的傳值方式，包括control向view、view向control、以及action向action。

回顧

我們回顧下在ASP.NET WebForms中，頁面之間最常用的傳值方式，有以下幾種：

a). QueryString(也叫URL傳值)

b). Session

c). Cookie

d). Application

e). Server.Transfer

這裡不再講述這幾種傳值方式的用法和利弊，在本章後面將用MVC的傳值方式與之對比，並展開一些探討。（webform傳值請看其他章節）

1、Controller向View傳值

可以通過viewbag、viewdata、TempData、model。

1. ViewBag

用法：

在Controller中書寫

ViewBag.Test123 = "Hello World.";

前台接收

@ViewBag.Test123

說明： ViewBag是dynamic動態類型，上面例子中的key => Test123可以指定任何類型。

2. ViewData

用法：

在Controller中書寫

ViewData["Test123"] = "Hello World. This is ViewData";

前台接收

@ViewData["Test123"]

說明：ViewData是字典類型，繼承自IDictionary<string,object>介面

3. TempData

用法：

在Controller中書寫

TempData["tmpData"] = "I am TempData...";

前台接收

@TempData["tmpData"]

說明：TempData也是字典類型，繼承自IDictionary<string,object>介面

4. Model

這是初學者最常使用的傳值方式。在上一篇文章中， 我們在Razor視圖的頁面代碼中有這樣一句：

@model IEnumerable<MVC5Demo.Models.UserInfoViewModel>

然後我們的資訊列表是這樣：

<tbody>    @foreach (var item in Model) {     <tr>        <td>@Html.DisplayFor(p => item.UserName)</td>        <td>@(item.Sex == 0 ? "女" : "男")</td>        <td>@Html.DisplayFor(p => item.Age)</td>        <td>@Html.DisplayFor(p => item.Dept)</td>        <td>@Html.ActionLink("編輯", "Edit", "UserInfo", new { id=item.UserID.ToString() },null) @Html.ActionLink("刪除", "Delete", "UserInfo", new { id = item.UserID.ToString() }, new { onclick="return confirm(‘確認刪除"+item.UserName+"的記錄？‘);" })</td>    </tr>    }</tbody>

如代碼所示，因為我們的Model是一個泛型集合，這裡就可以很方便的取出集合中的資料。

在後台Controller中，是怎麼書寫的呢？

public ActionResult Index()        {            return View("UserInfo", GetTestData());//GetTestData()返回泛型集合        }

如代碼所示，只需返回視圖時，同時指定視圖的資料對象。

View向Controller傳值

1. 使用Html.BeginForm(...)方法提交表單

@using(Html.BeginForm("actionName","controllerName"))    {        <div>表單內容</div>        <div>...</div>        <input type="submit" value="提交表單" />    }

說明：將 <form> 開始標記寫入響應。在使用者提交表單時，將由某個操作方法(指定Controller的某個Action)處理該請求。

(使用using關閉form，下面不再說明。)

2. 使用Html.BeginRouteForm(...)方法提交表單

@Html.BeginRouteForm("路由名稱", new { controller = "userinfo", action="save", userID = Model.UserID, userName = Model.UserName }, FormMethod.Post)    {        <div>表單內容</div>        <div>...</div>        <input type="submit" value="提交表單" />    }

說明：同Html.BeginForm(),但使用路由方式提交表單，同時參數也不同。

3. 傳統Form表單的Action屬性提交

<form id="postForm" action="@Url.Action("Save")" method="post">            <div>表單內容</div>            <div>...</div>            <input type="submit" value="提交表單" />    </form>

說明：使用傳統html form原生標記。

4. 使用Ajax方式提交表單, Ajax.BeginForm(...)

@Ajax.BeginForm("actionName", new AjaxOptions { Url="",OnSuccess="",HttpMethod="get" })    {        <div>表單內容</div>        <div>...</div>        <input type="submit" value="提交表單" />    }

說明：使用非同步方式提交form表單。

5. Jquery和Ajax提交表單

省略... 不在文章討論範圍。

6. 表單參數傳遞

6.1 全參數傳遞

[HttpPost]public ActionResult Save(string username,int sex,int age,string dept)

說明：html標籤name和參數名需相同。

6.2 實體傳參

[HttpPost]public ActionResult Save(UserInfoViewModel item)

說明：頁面使用@model綁定類型

6.3 表單集合傳參

[HttpPost]public ActionResult Save(FormCollection fc)

說明：需解析FormCollection,如：

UserInfoViewModel userInfo = new UserInfoViewModel();TryUpdateModel<UserInfoViewModel>(userInfo, fc);

6.4 傳統方式

使用HttpContext,在MVC中我們同樣可以使用以下對象：

Application,Server,Session,Request,Response,Cache ...

Controller向Controller傳值(Action之間傳值)

1. RedirectToAction

1.1 傳遞實體物件

public ActionResult Index()        {            return RedirectToAction("Index", "Home", new UserInfoViewModel { UserID = Guid.NewGuid(), UserName = "zhangsan", Sex = 1, Age = 20, Dept = "hr" });        }

說明：在UserInfoController中，在頁面載入時，建立一個實體類型，並跳轉至首頁。

接收：

public class HomeController : Controller    {        public ActionResult Index(UserInfoViewModel model)        {            //處理model的值            //...

1.2 傳遞普通參數

public ActionResult Index()        {            return RedirectToAction("Index", "Home", new { UserID = Guid.NewGuid(), UserName = "zhangsan"});        }

接收：

public class HomeController : Controller    {        public ActionResult Index(string userID,string userName)        {            //處理userID, userName的值            //...

2. TempData

TempData["userName"] = "zhangsan";            return RedirectToAction("Index2");

在Index2中接收：

string userName = TempData["userName"].ToString();

說明：TempData可以在同Controller中不同Action之間傳遞，並且具有‘一次訪問’的特質。使用時要特別注意。

與WebForms傳值的對比

1. 後台不能通過非提交方式擷取某個頁面元素的值，因為沒有‘伺服器控制項’；MVC使用原生Http，是【無狀態】的。

2. 不能使用(也沒有)ViewState。

3. 使用特有的機制傳值（ViewData，ViewBag...等等）。

mvc頁面間的傳值