MVC传值——Controller向View传值（一）

    这几天一直在鼓捣传值的这个东西，之前只知道个ViewData，ViewBag，其他的就不会了。在之前学习ViewData和ViewBag的时候，只传了简单的一个字符串。可是现在，我们要传递的数据不仅仅是字符串啊，可能是一个List对象，也可能是Json串。于是做了一些小例子，总结一下传值的经验。

    从Controller向View传值的主要有4种：ViewData，ViewBag，TempData，Model。当然我们还可以添加JS代码进行传值。

    一、使用ViewData进行传值

     ViewData就是一个字典，它存放的是键值对。只对当前的View有效.

    1、传递字符串

    controller代码： 

 public ActionResult Index()
        {
            ViewData["MessageOne"] ="Hello Cindy,I send the message to you by using the ViewData!";   
            return View();
         }
 

    

    页面代码：

<h3>@ViewData["MessageOne"]</h3>

     

    2、传递list对象

     controller代码：

 

public ActionResult Index()
        {      
          var person =new List<string>
           {
               "Cindy",
                "23",
                "Girl"
          };
           ViewData["Person"] =person;
         }
 

     

    页面代码：

<h3>Hello,Cindy!Isend you a list by using the ViewData:</h3>
<ul>
    @foreach (var person in(List<string>) ViewData["Person"])
    {
        <li>
            @person
        </li>
    }
</ul>

   二、使用ViewBag进行传值

    ViewBag存放的不是键值对，是dynamic动态类型，它不需要转型就可以使用里面的值。

    1、传递字符串

     controller代码： 

public ActionResult Index()
        {
            ViewBag.MessageOne = "Hello Cindy,I send the message to you by usingthe ViewBag!";   
            return View();
         }

    页面代码：

<h3>@ViewBag.MessageOne</h3>

    2、传递list对象

     controller代码：

public ActionResult Index()
        {      
          var person =new List<string>
           {
               "Cindy",
                "23",
                "Girl"
          };
           ViewBag.Person = person;
         }
 

     页面代码：

 

<h3>Hello,Cindy!Isend you a list by using the ViewBag:</h3>
<ul>
    @foreach (var person in  ViewBag.Person)
    {
        <li>
            @person
        </li>
    }
</ul>

    三、使用TempData进行传值

 

     TempData其实和ViewData的用法类似，但是TempData可以用于不同View之间的传值，而不向ViewData一样只对当前的View有效。

     controller代码：

public ActionResult Index()
        {
            this.TempData["MyName"] ="Cindy"; 
            return View();
         }
 
 public ActionResult Index1()
        {
            string MyName ;
 
            MyName=this.TempData["MyName"].ToString ();
            return View();
        }
 

    页面绑定：和ViewData绑定一样。

 

    注意：当我们第一次访问Index页面之后，再访问Index1的时候，在Index1页面就会绑定上值“Cindy”,但当我们刷新Index1页面的时候，值就消失了。

 

    四、使用Model进行传值

 

    通过model来进行传值是通过强类型来进行绑定的，我们只需在View中通过Model对应的属性就可以获得相应的指。

    首先，我们在Model文件夹下，建立一个model,类名为PersonModel.cs。

     

 public partial  class PersonModel
    {
        public string name { get; set; }
        public int age { get; set; }
        public string sex { get; set; }
    }

    紧接着，在controller中写入：

    

public ActionResult Index()
  {  
     PersonModel person = new PersonModel();
     person.age = 23;
     person.name = "cindy";
     person.sex = "gril";
           
     return View(person);
  }

   然后，在页面中通过Model的属性来获取属性的值。

   

   <h3>Name:@Model.name</h3>

   

   最后，看效果图：

   

    五、AJAX代码进行Controller和View之间的传值

     

    Controller代码：

 

public JsonResult JsonDemo()
        {
            var person = new
            {
                Name = "Cindy",
                Age = 23,
                Sex = "Girl"
            };
            return Json(person);
        } 
 

     JS代码：

 

$(function () {
    $.ajax({
        type: "POST",
        dataType: "json",
        url: "/GetDataFrom/JsonDemo",
        success: function (data) {
            if (data.length < 1) {
                alert("没有查到数据"); 
            }
                contentName = data.Name;
               document.getElementById("name").innerHTML = "您的姓名为："+contentName;
 
                contentSex = data.Sex;
               document.getElementById("sex").innerHTML = "您的性别为："+contentSex;
 
                contentAge = data.Age;
               document.getElementById("age").innerHTML = "您的年龄为：" + contentAge;
 
        },
    });
});

    以上代码中的URL指的是controller中要传值的方法。data，为返回的数据。后面我们将返回的数据绑定到View中相应的id上即可显示数据。如果要将传值类型改为GET的话，我们就要在Controller返回值类型的参数中加入, JsonRequestBehavior.AllowGe，要不然页面是无法获取值的。

      

总结：

    自己动手敲例子，虽然花了不少时间，但是也值了，相比第一次写来说，速度快了很多，可以自己写代码了。当我没有弄出来的时候，觉得这个东西怎么这么难啊，可是当我做出来的时候，我就又会觉得这个东西其实挺简单的，我怎么用了这么长时间啊。还是写代码写的少，以后要看API文档，多动手自己写代码。

    总结一句话：多动手实践，成功就离我不远了。