AJAX,JSON与MVC

有几个特殊之处

1. MVC框架中包含了一个特殊的JSONActionResult，可以直接返回JSON对象，注意它的格式与之前的asmx和页面静态方法都不一样，它直接就是一个JSON对象

2. 服务端和客户端编程都相对简单了。服务器端无须明确序列化，而客户端也无须解析JSON字符串了，因为返回的结果本来就是一个JSON对象

第一部分：Controller中的设计

1. using System; 
2. using System.Collections.Generic; 
3. using System.Linq; 
4. using System.Web; 
5. using System.Web.Mvc; 
6.  
7. namespace MvcApplication1.Controllers 
8. { 
9.  
10.     public class Employee 
11.     { 
12.         public int Id { get; set; } 
13.         public string Name { get; set; } 
14.     } 
15.  
16.     [HandleError] 
17.     public class HomeController : Controller 
18.     { 
19.         public ActionResult Index() 
20.         { 
21.             ViewData["Message"] = "Welcome to ASP.NET MVC!"; 
22.  
23.             return View(); 
24.         } 
25.  
26.         public ActionResult About() 
27.         { 
28.             return View(); 
29.         } 
30.  
31.         public ActionResult Employee() { 
32.             return View(); 
33.         } 
34.  
35.  
36.         [HttpPost] 
37.         public ActionResult GetEmployee() { 
38.             return Json(new Employee() 
39.             { 
40.                 Id = 1, 
41.                 Name = "chenxizhang" 
42.             }); 
43.         } 
44.  
45.     } 
46. } 

第二部分:View中的设计

1. <%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage" %> 
2.  
3. <asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server"> 
4.     GetEmployee 
5. </asp:Content> 
6. <asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server"> 
7.  
8.     <script src="../../Scripts/jquery-1.3.2-vsdoc.js" type="text/javascript"></script> 
9.  
10.     <script type="text/javascript" language="javascript"> 
11.         $(function() { 
12.             $("#bt").click(function() { 
13.                 $.ajax({ 
14.                     type: "POST", 
15.                     contentType: "application/json", 
16.                     url: "http://localhost:44203/Home/GetEmployee", 
17.                     data: "{}", 
18.                     dataType: 'json', 
19.                     success: function(result) { 
20.                         alert(result.Id); 
21.                     } 
22.  
23.                 }); 
24.             }); 
25.         }); 
26.      
27.     </script> 
28.  
29.     <h2> 
30.         GetEmployee</h2> 
31.     <input type="button" value="Invoke" id="bt" /> 
32.     <div id="info"> 
33.     </div> 
34. </asp:Content>