ASP.NET MVC3中Controller与View之间的数据传递

时间：2022-11-09 17:19:13

在ASP.NET MVC中，经常会在Controller与View之间传递数据，因此，熟练、灵活的掌握这两层之间的数据传递方法就非常重要。本文从两个方面进行探讨：

一、  Controller向View传递数据

1.       使用ViewData传递数据

我们在Controller中定义如下：

  1. ViewData[“Message_ViewData”] = “ Hello ViewData!”;
ASP.NET MVC3中Controller与View之间的数据传递
ViewData[“Message_ViewData”] = “ Hello ViewData!”;

然后在View中读取Controller中定义的ViewData数据，代码如下：

  1. @Html.Encode(ViewData["Message_ViewData"])
ASP.NET MVC3中Controller与View之间的数据传递
@Html.Encode(ViewData["Message_ViewData"])

js中读取ViewData中数据如下：

  1. <pre name="code" class="javascript"><script type="text/javascript">
  2. var viewData = '@ViewData["Message_ViewData"]';
  3. </script>
ASP.NET MVC3中Controller与View之间的数据传递
<pre name="code" class="javascript"><script type="text/javascript">

    var viewData = '@ViewData["Message_ViewData"]';

</script>




2.       使用ViewBag传递数据


我们在Controller中定义如下：




  1. ViewBag.Message_ViewBag =  “ Hello ViewBag !”;


ASP.NET MVC3中Controller与View之间的数据传递




ViewBag.Message_ViewBag =  “ Hello ViewBag !”;


然后在View中读取Controller中定义的ViewBag数据，代码如下：




  1. @Html.Encode(ViewBag.Message_ViewBag)


ASP.NET MVC3中Controller与View之间的数据传递




@Html.Encode(ViewBag.Message_ViewBag)


js中读取ViewBag中数据如下：




    

  1. <script type="text/javascript">
    2. 

  2. var viewBag= '@ViewBag.Message_ViewBag';
    3. 

  3. </script>
    4. 



ASP.NET MVC3中Controller与View之间的数据传递




<script type="text/javascript">

    var viewBag= '@ViewBag.Message_ViewBag';

</script>


3.       使用TempData传递数据


我们在Controller中定义如下：




  1. TempData[“Message”] = “Hello word!”;


ASP.NET MVC3中Controller与View之间的数据传递




TempData[“Message”] = “Hello word!”;


然后在View中读取Controller中定义的TempData数据，代码如下：




  1. @Html.Encode(TempData["Message_TempData"])


ASP.NET MVC3中Controller与View之间的数据传递




@Html.Encode(TempData["Message_TempData"])


js中读取TempData中数据如下：




    

  1. <script type="text/javascript">
    2. 

  2. var tempData = '@TempData["Message"]';
    3. 

  3. </script>
    4. 



ASP.NET MVC3中Controller与View之间的数据传递




<script type="text/javascript">

     var tempData = '@TempData["Message"]';

</script>


4.   使用Model传递数据


首先要创建Model实体类：




    

  1. public class HelloModel
    2. 

  2. {
    3. 

  3. private string _name;
    4. 

  4. public string Name
    5. 

  5. {
    6. 

  6. get { return _name; }
    7. 

  7. set { _name = value; }
    8. 

  8. }
    9. 

  9. private string _text;
    10. 

  10. public string Text
    11. 

  11. {
    12. 

  12. get { return _text; }
    13. 

  13. set { _text = value; }
    14. 

  14. }
    15. 

  15. }
    16. 



ASP.NET MVC3中Controller与View之间的数据传递




public class HelloModel

    {

        private string _name;

        public string Name

        {

            get { return _name; }

            set { _name = value; }

        }

        private string _text;

        public string Text

        {

            get { return _text; }

            set { _text = value; }

        }

    }


使用Model传递数据的时候，通常在创建View的时候我们会选择创建强类型View如下图所示：


ASP.NET MVC3中Controller与View之间的数据传递


模型类下拉列表框中选中刚才创建的HelloModel 创建强类型的View以后，View的第一行代码如下所示：




  1. @model Test.Models.HelloModel


ASP.NET MVC3中Controller与View之间的数据传递




@model Test.Models.HelloModel


就代表了这个View使用的Model为“Test.Models.HelloModel” 然后在View中读取Model中定义的数据，代码如下：




  1. @Html.Encode(Model.Name)


ASP.NET MVC3中Controller与View之间的数据传递




@Html.Encode(Model.Name)


js中读取Model中数据如下：




    

  1. <script type="text/javascript">
    2. 

  2. var modelName = '@Model.Name';
    3. 

  3. </script>
    4. 



ASP.NET MVC3中Controller与View之间的数据传递




<script type="text/javascript">

     var modelName = '@Model.Name';

</script>


总结：
1.         ViewData与TempData方式是弱类型的方式传递数据，而使用Model传递数据是强类型的方式。 2.         ViewData与TempData是完全不同的数据类型，ViewData数据类型是ViewDataDictionary类的实例化对象，而TempData的数据类型是TempDataDictionary类的实例化对象。 3.         TempData实际上保存在Session中，控制器每次执行请求时都会从Session中获取TempData数据并删除该Session。TempData数据只能在控制器中传递一次，其中的每个元素也只能被访问一次，访问之后会被自动删除。 4.         ViewData只能在一个Action方法中进行设置，在相关的视图页面读取，只对当前视图有效。理论上，TempData应该可以在一个Action中设置，多个页面读取。但是，实际上TempData中的元素被访问一次以后就会被删除。 5.  在MVC3开始，视图数据可以通过ViewBag属性访问，在MVC2中则是使用ViewData。MVC3中保留了ViewData的使用，有关他们之间的区别可以参考这个文章。


MVC3中 ViewBag、ViewData和TempData的使用和区别


二、   View向Controller传递数据


在ASP.NET MVC中，将View中的数据传递到控制器中，主要通过发送表单的方式来实现。具体的方式有：


1.   通过Request.Form读取表单数据


我们在View层做如下定义：




    

  1. @using (Html.BeginForm("HelloModelTest", "Home", FormMethod.Post))
    2. 

  2. {
    3. 

  3. @Html.TextBox("Name");
    4. 

  4. @Html.TextBox("Text");
    5. 

  5. <input type="submit" value="提交" />
    6. 

  6. }
    7. 



ASP.NET MVC3中Controller与View之间的数据传递




@using (Html.BeginForm("HelloModelTest", "Home", FormMethod.Post))

{

    @Html.TextBox("Name");

    @Html.TextBox("Text");

    <input type="submit" value="提交" />

}


注意： HelloModelTest为对应的Action名，Home为对应的Controller名称 然后在Controller层，通过Request.Form读取表单数据的代码如下所示：




    

  1. [HttpPost]
    2. 

  2. public ActionResult HelloModelTest()
    3. 

  3. {
    4. 

  4. string name= Request.Form["Name"];
    5. 

  5. string text= Request.Form["Text"];
    6. 

  6. return View();
    7. 

  7. }
    8. 



ASP.NET MVC3中Controller与View之间的数据传递




 [HttpPost]

        public ActionResult HelloModelTest()

        {

            string name= Request.Form["Name"];

            string text= Request.Form["Text"];

            return View();

        }


2.  通过FormCollection读取表单数据


我们在View层做如下定义：




    

  1. @using (Html.BeginForm("HelloModelTest", "Home", FormMethod.Post))
    2. 

  2. {
    3. 

  3. @Html.TextBox("Name");
    4. 

  4. @Html.TextBox("Text");
    5. 

  5. <input type="submit" value="提交" />
    6. 

  6. }
    7. 



ASP.NET MVC3中Controller与View之间的数据传递




@using (Html.BeginForm("HelloModelTest", "Home", FormMethod.Post))

{

    @Html.TextBox("Name");

    @Html.TextBox("Text");

    <input type="submit" value="提交" />

}


然后在Controller层，通过FormCollection读取表单数据的代码如下所示：




    

  1. [HttpPost]
    2. 

  2. public ActionResult HelloModelTest(FormCollection fc)
    3. 

  3. {
    4. 

  4. string name= fc["Name"];
    5. 

  5. string text  = fc["Text"];
    6. 

  6. return View();
    7. 

  7. }
    8. 



ASP.NET MVC3中Controller与View之间的数据传递




[HttpPost]

        public ActionResult HelloModelTest(FormCollection fc)

        {

            string name= fc["Name"];

            string text  = fc["Text"];

            return View();

        }


3.   模型绑定


我们在View层做如下定义：




    

  1. @using (Html.BeginForm("HelloModelTest", "Home", FormMethod.Post))
    2. 

  2. {
    3. 

  3. @Html.TextBox("Name");
    4. 

  4. @Html.TextBox("Text");
    5. 

  5. <input type="submit" value="提交" />
    6. 

  6. }
    7. 



ASP.NET MVC3中Controller与View之间的数据传递




@using (Html.BeginForm("HelloModelTest", "Home", FormMethod.Post))

{

    @Html.TextBox("Name");

    @Html.TextBox("Text");

    <input type="submit" value="提交" />

}


默认的模型绑定


相较于从请求中获取表单值，下面的Edit Action则是简单地以一个模型对像为参数(Album):




    

  1. [HttpPost]
    2. 

  2. public ActionResult HelloModelTest( HelloModel model)
    3. 

  3. {
    4. 

  4. // ...
    5. 

  5. }
    6. 



ASP.NET MVC3中Controller与View之间的数据传递




[HttpPost]

public ActionResult HelloModelTest( HelloModel model)

{

    // ...

}


当你的Action方法是以一个模型对象充当参数时，MVC运行时将会用模型绑定来构建该参数。默认用于模型绑定的是 DefaultModelBinder，以上述的HelloModel为例，DefaultModelBinder将会检索出所有可用的HelloModel属性用于绑定模型。根据命名约定，DefaultModelBinder能够自动地在请求中获取相应的值来填充HelloModel对象(它还能创建一个对象的实例来填充) 换句话说，假设HelloModel有一个Name属性，那么模型绑定就会在请求中查找名为Name的参数。注意我说的是在“请求中”，而不是“表单集合”中。模型绑定会在请求中的各个方面进行值查找，这里面包括路由数据，查询字符串，表单集合。有必要的话你还可以添加自定义的值提供信息。  模型绑定不并局限于Http Post及复杂参数(如HelloModel)，你完全可以传入一个原始的简单参数：




    

  1. public ActionResult HelloModelTest( string name,string text)
    2. 

  2. // ….
    3. 



ASP.NET MVC3中Controller与View之间的数据传递




 public ActionResult HelloModelTest( string name,string text)

{

    // ….

}


在该场景中，模型绑定将会在请求中查找名为name,text 的参数。


显式模型绑定


当Action有参数的时候，会隐式地执行模型绑定。你还可以在控制器里面使用UpdateModel和 TryUpdateModel来显式调用模型绑定。调用UpdateModel的时候，如果模型对象是无效的或者绑定期间发生错误则会抛出异常。TryUpdateModel则不会抛出异常，它返回一个布尔值：如果绑定成功并且模型验证通过则返回true，否则返回false。




    

  1. [HttpPost]
    2. 

  2. public ActionResult HelloModelTest( )
    3. 

  3. {
    4. 

  4. HelloModel model = new HelloModel();
    5. 

  5. if (this.TryUpdateModel(model))
    6. 

  6. {
    7. 

  7. //绑定成功
    8. 

  8. }
    9. 

  9. else
    10. 

  10. {
    11. 

  11. //绑定失败
    12. 

  12. }
    13. 

  13. }
    14. 



ASP.NET MVC3中Controller与View之间的数据传递




[HttpPost]

public ActionResult HelloModelTest( )

{

    HelloModel model = new HelloModel();

    if (this.TryUpdateModel(model))

    {

        //绑定成功

    }

    else

    {

	//绑定失败

    }

}


模型状态是模型绑定产生的副产物。每次绑定器绑定值到模型时，都会在模型状态中进行记录。你可以在模型绑定之后查看模型状态来判断绑定是否成功：




    

  1. [HttpPost]
    2. 

  2. public ActionResult HelloModelTest( )
    3. 

  3. {
    4. 

  4. HelloModel model = new HelloModel();
    5. 

  5. this.TryUpdateModel(model);
    6. 

  6. if (ModelState.IsValid)
    7. 

  7. {
    8. 

  8. //绑定成功
    9. 

  9. }
    10. 

  10. else
    11. 

  11. {
    12. 

  12. <pre code_snippet_id="569649" snippet_file_name="blog_20150102_21_3590846" name="code" class="csharp"><span style="white-space:pre">    </span>//绑定失败
    13. 



ASP.NET MVC3中Controller与View之间的数据传递




[HttpPost]

public ActionResult HelloModelTest( )

{

    HelloModel model = new HelloModel();

    this.TryUpdateModel(model);

    if (ModelState.IsValid)

    {

        //绑定成功

    }

    else

    {

<pre code_snippet_id="569649" snippet_file_name="blog_20150102_21_3590846" name="code" class="csharp"><span style="white-space:pre">	</span>//绑定失败


}}




如果在模型绑定过程中发生异常，模型状态里面就会包含导致异常的那个属性名,绑定值以及错误信息。
相关文章