MVC模型绑定

在项目中使用MVC的时候，我们无需像WebForm那样手动获取值再赋值到Model上，这得益于MVC的模型绑定，下面就介绍下复杂类型的模型绑定

Controller：

 1     public class HomeController : Controller
 2     {
 3         [HttpGet]
 4         public ActionResult Index()
 5         {
 6             return View();
 7         }
 8 
 9         [HttpPost]
10         public ActionResult Index(Person person)
11         {
12             return Json(person);
13         }
14     }

Model：

 1     public class Person
 2     {
 3         public int Id { get; set; }
 4         public string Name { get; set; }
 5         public Address Address { get; set; }
 6         public List<Role> Roles { get; set; }
 7     }
 8 
 9     public class Address
10     {
11         public string Country { get; set; }
12         public string City { get; set; }
13     }
14 
15     public class Role
16     {
17         public string Name { get; set; }
18     }

View：

 1 @{
 2     Layout = null;
 3 }
 4 
 5 <!DOCTYPE html>
 6 
 7 <html>
 8 <head>
 9     <meta name="viewport" content="width=device-width" />
10     <title>Index</title>
11     <script src="~/Scripts/jquery-1.8.2.min.js"></script>
12     <script type="text/javascript">
13         //如果没有复杂类型，也可以使用这种
14         //var jsonData = {
15         //    Id: 1,
16         //    Name: "李四"
17         //};
18         //$.post("/home/index", jsonData, function (data) {
19         //    console.log(data);
20         //});
21         var paramsUrl = "Id=1&Name=李四&Address.City=广州&Address.Country=中国&Roles[0].Name=管理员&Roles[1].Name=科长&Roles[2].Name=馆长";
22         $.post("/home/index", paramsUrl, function (data) {
23             console.log(data);
24         });
25     </script>
26 </head>
27 <body>
28     <div>
29 
30     </div>
31 </body>
32 </html>

发送请求 post参数：

在MVC5(5.2.3.0)之前我们需要拼接成这种参数后台Index(Person person)才能接收到对应值，但是MVC5(5.2.3.0)版本的时候可以直接传递Json对象

升级为MVC5.2.3.0后，只需改视图即可：

 1 @{
 2     Layout = null;
 3 }
 4 
 5 <!DOCTYPE html>
 6 
 7 <html>
 8 <head>
 9     <meta name="viewport" content="width=device-width" />
10     <title>Index</title>
11     <script src="~/Scripts/jquery-1.8.2.min.js"></script>
12     <script type="text/javascript">
13         var jsonData = {
14             Id: 1,
15             Name: "李四",
16             Address: { City: "广州", Country: "中国" },
17             Roles: [{ Name: "管理员" }, { Name: "科长" }, { Name: "馆长" }]
18         };
19         $.post("/home/index", jsonData, function (data) {
20             console.log(data);
21         });
22     </script>
23 </head>
24 <body>
25     <div>
26 
27     </div>
28 </body>
29 </html>

发送请求post参数，这里会将url转码：

解码后【MVC5(5.2.3.0)之前不能接收 Address[City]=广州这种方式的传值】：

返回（跟之前返回一样）：

另外还可以使用Bind特性来决定需要绑定哪些属性

1         [HttpPost]
2         public ActionResult Index([Bind(Include = "Name,Age")]Person per)
3         {
4             return Json(per);
5         }

[Bind(Include = "Name,Age")] 表示只绑定Person对象中的Name和Age属性，其他属性则为默认值

[Bind(Exclude = "Name,Age")] 这个表示不绑定Person对象中的Name和Age属性

也可以直接在Model加上BindAttribute来决定绑定和不绑定哪些属性

1     [Bind(Include="Name,Age")]
2     public class Person
3     {
4         public int Id { get; set; }
5         public string Name { get; set; }
6         public int Age { get; set; }
7     }

Bind还有一个参数是Prefix，这个是用来指定前缀，具体看下面例子

Model：

1     public class Person
2     {
3         public int Id { get; set; }
4         public string Name { get; set; }
5         public int Age { get; set; }
6         public Address Address1 { get; set; }
7     }

View:

1         <form action="/home/index" method="post">
2             @Html.TextBoxFor(p => p.Address1.City)
3             @Html.TextBoxFor(p => p.Address1.Country)
4             <input type="submit" value="提交" />
5         </form>

Action:

1         [HttpPost]
2         public ActionResult Index(Address address)
3         {
4             return Json(address);
5         }

提交的内容：

如果在不使用Prefix的情况下我们是获取不到提交的值的，使用Prefix：

1         [HttpPost]
2         public ActionResult Index([Bind(Prefix = "Address1")]Address address)
3         {
4             return Json(address);
5         }

加上[Bind(Prefix = "Address1")]：

灵活运用将会在开发过程中如鱼得水，哈哈