快捷導(dǎo)航

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

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

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

前奏

1. 在新建項(xiàng)目中的Models文件下，新建Products類：

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

2. 在控制器中實(shí)例化此類

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

方式1：ViewData

將控制器中的方法用ViewData以鍵值對(duì)的形式類存儲(chǔ)上述的實(shí)例化對(duì)象，如下：

ViewData["person"] = p;

然后在視圖中獲取ViewData中的值，并轉(zhuǎn)換對(duì)象，如下：

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

方式2：ViewBag

將控制器中的方法利用ViewBag動(dòng)態(tài)表達(dá)式的形式存儲(chǔ)上述對(duì)象，如下：

ViewBag._Product = p;

修改視圖，如下：

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

方式3：Model

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

public ActionResult Index()

    {

      var p = new Products()

      {

        Id = 1,

        Name = "飲料",

        Price = 2.5

      };

      return View(p);

    }

而我們?cè)谝晥D中得到強(qiáng)制類型對(duì)象Products，如下：

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

方式四：TempData

TempData可以通過轉(zhuǎn)向繼續(xù)使用，因?yàn)樗闹当４嬖赟ession中。但TempData只能經(jīng)過一次傳遞，之后會(huì)被系統(tǒng)自動(dòng)清除。

下面我將演示從Index動(dòng)作轉(zhuǎn)向Order動(dòng)作，并在視圖中輸出TempData中存儲(chǔ)的值。

首先在控制中新建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"];
}

假設(shè)控制器中的代碼修改如下：

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("");
    }

轉(zhuǎn)向：Index — Order — Detail，那么在Detail方法中，是不能獲取到TempData對(duì)象的，因?yàn)門empData只能經(jīng)過一次傳遞，之后會(huì)被系統(tǒng)自動(dòng)清除。

輸出結(jié)果