今天微软发布了 ASP.NET MVC 3正式版，ASP.NET MVC 3 中的大多数知识点本站已经做过说明。ASP.NET MVC 3 中默认支持对 JSON 数据的接收，今天就让我们看看 JSON 数据的绑定。使用时会用到一点 jQuery 的知识，相信对经常访问本站的朋友来说并不难理解。

ASP.NET MVC 3 中内置了对 JSON 的绑定支持，使得接收从客户端传递过来的 JSON 格式的数据变得非常简单。本篇还是以 Android 博客项目中的留言小功能来简单的说明一下具体的使用方法。先看看 Razor 视图引擎下的 HTML代码，这块主要用来显示留言的数据列表：

<div> <script id="userTemplate" type="text/html"> <div><a href="${Website}">${UserName}</a> Says: ${Content}</div> </script> <div id="Contact"></div> <input type="button" id="create" value="Create" /> </div>

当我们点击 Create 按钮时提交留言(这里为了简单，留言内容固定了)，执行 jQuery Ajax 传递 JSON 格式数据，如下：

$("#create").click(function () { var contact = { UserName: "I love jQuery", Website: "", Content: "Nice to meet you." }; $.ajax({ url: "/Contact", type: "POST", data: contact, dataType: "json", success: function (req) { $("#userTemplate").render(req).appendTo("#Contact"); } }); });

如果你是纯 ASP.NET 开发者，没有接触过 jQuery ，那么我要强烈的建议你赶快学习 jQuery ，jQuery 在 ASP.NET MVC 3 中起着非常重要的作用，它会越来越流行。现在，你可以参考下 jQuery学习大总结(五)jQuery Ajax。这样将留言内容以JSON 结构通过 POST 方式向后台提交，ASP.NET MVC 3 Controller 中接收代码如下：

[HttpPost] public ActionResult Index(Contact contact) { if (ModelState.IsValid) { android.Contact.AddObject(contact); android.SaveChanges(); } var contacts = from c in android.Contact where c.IsValid == 1 select c; return Json(contacts); }

这里没有什么新知识，如果你没有看过前边 ASP.NET MVC 3 中的添加、修改、删除操作，你可以参考下 ASP.NET MVC3 实例(六) 增加、修改和删除操作(一)，接收 JSON 结果如下图所示：

至此我们清楚的看到，在 ASP.NET MVC 3 中对于 JSON 数据的接收变得非常智能，同时使用 jQuery Templates 插件使得绑定 JSON 数据变得非常简单。如果你还看过本站中的 jQuery插件-微软 jQuery Data Linking ，你会发现使用它也会使项目中的代码简洁和易于维护。当然本篇举的例子非常简单，相信你能使用ASP.NET MVC 3 高效地做出真正实用的项目。