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

Controller：

     public class HomeController : Controller

     {

         [HttpGet]

         public ActionResult Index()

         {

             return View();

         }

         [HttpPost]

         public ActionResult Index(Person person)

         {

             return Json(person);

         }

     }

Model：

     public class Person

     {

         public int Id { get; set; }

         public string Name { get; set; }

         public Address Address { get; set; }

         public List<Role> Roles { get; set; }

     }

     public class Address

     {

         public string Country { get; set; }

         public string City { get; set; }

     }

     public class Role

     {

         public string Name { get; set; }

     }

View：

 @{

     Layout = null;

 }

 <!DOCTYPE html>

 <html>

 <head>

     <meta name="viewport" content="width=device-width" />

     <title>Index</title>

     <script src="~/Scripts/jquery-1.8.2.min.js"></script>

     <script type="text/javascript">

         //如果没有复杂类型，也可以使用这种

         //var jsonData = {

         //    Id: 1,

         //    Name: "李四"

         //};

         //$.post("/home/index", jsonData, function (data) {

         //    console.log(data);

         //});

         var paramsUrl = "Id=1&Name=李四&Address.City=广州&Address.Country=中国&Roles[0].Name=管理员&Roles[1].Name=科长&Roles[2].Name=馆长";

         $.post("/home/index", paramsUrl, function (data) {

             console.log(data);

         });

     </script>

 </head>

 <body>

     <div>

     </div>

 </body>

 </html>

发送请求 post参数：

返回：

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

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

 @{

     Layout = null;

 }

 <!DOCTYPE html>

 <html>

 <head>

     <meta name="viewport" content="width=device-width" />

     <title>Index</title>

     <script src="~/Scripts/jquery-1.8.2.min.js"></script>

     <script type="text/javascript">

         var jsonData = {

             Id: 1,

             Name: "李四",

             Address: { City: "广州", Country: "中国" },

             Roles: [{ Name: "管理员" }, { Name: "科长" }, { Name: "馆长" }]

         };

         $.post("/home/index", jsonData, function (data) {

             console.log(data);

         });

     </script>

 </head>

 <body>

     <div>

     </div>

 </body>

 </html>

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

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

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

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

         [HttpPost]

         public ActionResult Index([Bind(Include = "Name,Age")]Person per)

         {

             return Json(per);

         }

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

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

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

     [Bind(Include="Name,Age")]

     public class Person

     {

         public int Id { get; set; }

         public string Name { get; set; }

         public int Age { get; set; }

     }

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

Model：

     public class Person

     {

         public int Id { get; set; }

         public string Name { get; set; }

         public int Age { get; set; }

         public Address Address1 { get; set; }

     }

View:

         <form action="/home/index" method="post">

             @Html.TextBoxFor(p => p.Address1.City)

             @Html.TextBoxFor(p => p.Address1.Country)

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

         </form>

Action:

         [HttpPost]

         public ActionResult Index(Address address)

         {

             return Json(address);

         }

提交的内容：

返回：

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

         [HttpPost]

         public ActionResult Index([Bind(Prefix = "Address1")]Address address)

         {

             return Json(address);

         }

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

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

MVC模型绑定的更多相关文章

  1. ASP.NET MVC模型绑定的6个建议（转载）

    ASP.NET MVC模型绑定的6个建议 发表于2011-08-03 10:25| 来源博客园| 31 条评论| 作者冠军 validationasp.netmvc.netasp 摘要:ASP.NET ...

  2. ASP.NET Core MVC 模型绑定用法及原理

    前言 查询了一下关于 MVC 中的模型绑定,大部分都是关于如何使用的,以及模型绑定过程中的一些用法和概念,很少有关于模型绑定的内部机制实现的文章,本文就来讲解一下在 ASP.NET Core MVC ...

  3. ASP.NET没有魔法——ASP.NET MVC 模型绑定

    在My Blog中已经有了文章管理功能,可以发布和修改文章,但是对于文章内容来说,这里缺少最重要的排版功能,如果没有排版的博客很大程度上是无法阅读的,由于文章是通过浏览器查看的,所以文章的排版其实与网 ...

  4. ASP.NET没有魔法——ASP.NET MVC 模型绑定解析（下篇）

    上一篇<ASP.NET没有魔法——ASP.NET MVC 模型绑定解析(上篇)>文章介绍了ASP.NET MVC模型绑定的相关组件和概念,本章将介绍Controller在执行时是如何通过这 ...

  5. asp.net Mvc 模型绑定项目过多会导致页面运行时间卡

    asp.net Mvc 模型绑定项目过多会导致页面运行时间卡的问题. 解决方式就是采用ModelView方式进行精简,已减少模型绑定及验证的时间.

  6. [转] ASP.NET MVC 模型绑定的功能和问题

    摘要:本文将与你深入探究 ASP.NET MVC 模型绑定子系统的核心部分,展示模型绑定框架的每一层并提供扩展模型绑定逻辑以满足应用程序需求的各种方法. 同时,你还会看到一些经常被忽视的模型绑定技术, ...

  7. .net core mvc 模型绑定 之 json and urlencoded

    .net core mvc 模型绑定, FromQuery,对应 url 中的 urlencoded string ("?key1=value1&key2=value2") ...

  8. ASP.NET MVC——模型绑定

    这篇文章我们来讲讲模型绑定(Model Binding),其实在初步了解ASP.NET MVC之后,大家可能都会产生一个疑问,为什么URL片段最后会转换为例如int型或者其他类型的参数呢?这里就不得不 ...

  9. MVC 模型绑定

    在WebForm,获取提交表单的值一般都是Request.Form["Title"]这样的方式.在MVC中,提供了模型绑定机制.让后台获取表单或Url中的参数变得更加简单. 一.基 ...

  10. ASP.NET没有魔法——ASP.NET MVC 模型绑定解析（上篇）

    前面文章介绍了ASP.NET MVC中的模型绑定和验证功能,本着ASP.NET MVC没有魔法的精神,本章内容将从代码的角度对ASP.NET MVC如何完成模型的绑定和验证进行分析,已了解其原理. 本 ...

随机推荐

  1. vue-cli项目里npm安装font-awesome

    第一步:进入到项目目录里,运行 cnpm i font-awesome -s 第二步:在main.js里面 import 'font-awesome/css/font-awesome.min.css'

  2. [STL] STL各容器实现原理

    STL共有六大组件1.容器 2.算法 3.迭代器 4.仿函数 6.适配器 STL容器的实现原理 STL来管理数据十分方便,省去了我们自己构建数据结构的时间.其实,STL的实现也是基于我们常见的数据结构 ...

  3. 使用POI操作Excel

    首先要下载所需jar包, 官网:http://poi.apache.org ,POI支持office的所有版本 下载完后,打开“poi-bin-3.10.1-20140818”获取操作excel需要的 ...

  4. (age|name|sex)+ 脱离顺序控制 并且能添加多个

    (age|name|sex)+  脱离顺序控制 并且能添加多个

  5. 前端工程师必须要知道的SEO技巧(2):制作比设计还要漂亮的代码(内容和语义化代码)实现下

    提醒自己:上一篇文章属于纯理论的文章,我自己有的部分之从网上摘抄的,我自己也是不理解的.或许过一段日子我就能全明白了.我自己还是喜欢实战,做几个例子就明白了. 怎么做让自己网页的标签来实现语义化,我直 ...

  6. 【NOIP 模拟赛】改造二叉树 最长上升子序列

    biubiu~~~ 这道题我一眼就以为是线段树优化dp并且有了清晰的思路但是发现,我不会线段树区间平移,我以为只是我不会,然而根本就不行........ 正解是把序列排出来然后我们让他们减去他们的下标 ...

  7. RTL2832U+R820T电视棒windows下安装sdr# 以及搭建ADS-B使用VirtualRadar看飞机的教程

    本文中提到的软件随后我会打包给出下载地址.这篇文章是我根据网上的教程和自己的经验修改的详细版本,为了方便入门新手.先来说说RTL2832U+R820T在windows下安装sdr#的方法.首先科普下s ...

  8. JSOI2008 星球大战 [并查集]

    题目描述 很久以前,在一个遥远的星系,一个黑暗的帝国靠着它的超级武器统治者整个星系. 某一天,凭着一个偶然的机遇,一支反抗军摧毁了帝国的超级武器,并攻下了星系中几乎所有的星球.这些星球通过特殊的以太隧 ...

  9. istringstream()函数的用法

    istringstream()函数的用法 头文件:#include 功能:将一个含有多个空格的字符串分割开来 eg:

  10. vue相对路径修改

    如果静态文件不是部署在网站根目录下,vue-cli将给你造成巨大的麻烦. 你不能直接把build好的文件抛进一个目录.你不能直接在本地打开用vue做好的静态网站. 改成相对路径,主要需要做两步. 1. ...