ASP.NET MVC從控制器傳遞數(shù)據(jù)到視圖的四種方式詳解

更新時間：2017年01月12日 14:30:09 作者：Swich

本篇文章主要介紹了ASP.NET MVC從控制器傳遞數(shù)據(jù)到視圖的四種方式，具有一定的參考價值，感興趣的小伙伴們可以參考一下。

前奏

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動態(tài)表達式的形式存儲上述對象，如下：

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>

方式四：TempData

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

下面我將演示從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只能經(jīng)過一次傳遞，之后會被系統(tǒng)自動清除。

輸出結果