ASP.NET MVC之控制器傳遞數據到視圖的四種方式

前奏

1. 在新建項目中的Models文件下，新建Products類：

 public class Products
    {
        public int Id { get; set; }
        public string Name { get; set; }
        public double Price { get; set; }
    }

2. 在控制器中實例化此類

var p = new Products()
            {
                Id = 1,
                Name = "飲料",
                Price = 2.5
            };

 方式1：ViewData

將控制器中的方法用ViewData以鍵值對的形式類存儲上述的實例化對象，如下：

ViewData["person"] = p;

然后在視圖中獲取ViewData中的值，並轉換對象，如下：

@{
    var p = (Products)ViewData["person"];
}
<h1>@p.Id</h1>
<h2>@p.Name</h2>
<h3>@p.Price</h3>

方式2：ViewBag

將控制器中的方法利用ViewBag動態表達式的形式存儲上述對象，如下：

ViewBag._Product = p;

 修改視圖，如下：

@{
    var p = (Products)ViewBag._Product;
}

 方式3：Model

將控制器中的方法返回View上述對象，如下：

public ActionResult Index()
        {
            var p = new Products()
            {
                Id = 1,
                Name = "飲料",
                Price = 2.5
            };
            return View(p);
        }

而我們在視圖中得到強制類型對象Products，如下：

@using MvcTest.Models;
@model Products
@{
    ViewBag.Title = "Index";
}
<h1>@Model.Id</h1>
<h2>@Model.Name</h2>
<h3>@Model.Price</h3>

方式4：TempData

TempData可以通過轉向繼續使用，因為它的值保存在Session中。但TempData只能經過一次傳遞，之后會被系統自動清除。

下面我將演示從Index動作轉向Order動作，並在視圖中輸出TempData中存儲的值。

首先在控制中新建Action方法，命名為Order方法，代碼如下：

public ActionResult Index()
        {
            var p = new Products()
            {
                Id = 1,
                Name = "飲料",
                Price = 2.5
            };
            TempData["_product"] = p;
            return RedirectToAction("Order");
        }
        public ActionResult Order()
        {
　　　　　　return View();
        }

 修改視圖如下：

@{
    Products p = (Products)TempData["_product"];
}

假設控制器中的代碼修改如下：

public ActionResult Index()
        {
            var p = new Products()
            {
                Id = 1,
                Name = "飲料",
                Price = 2.5
            };
            TempData["_product"] = p;
            return RedirectToAction("Order");
        }
        public ActionResult Order()
        {
            return RedirectToAction("Detail");
        }
        public ActionResult Detail()
        {
            Products _product = (Products)TempData["_product"];
            return View("");
        }

轉向：Index — Order — Detail，那么在Detail方法中，是不能獲取到TempData對象的，因為TempData只能經過一次傳遞，之后會被系統自動清除。

輸出結果

 

源碼下載