JSON

AJAX,JSON与MVC

字号+ 作者:H5之家 来源:H5之家 2017-06-26 16:00 我要评论( )

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

有几个特殊之处 1. MVC框架中包含了一个特殊的JSONActionResult,可以直接返回JSON对象,注意它的格式与之前的asmx和页面静态方法都不一样,它直接就是一个JSON对象 2. 服务端和客户端编程都相对简单了。服务器端无须明确序列化,而客户端也无须解析JSON字符串了,因为返回的结果本来就是一个JSON对象   第一部分:Controller中的设计using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.Mvc; namespace MvcApplication1.Controllers { public class Employee { public int Id { get; set; } public string Name { get; set; } } [HandleError] public class HomeController : Controller { public ActionResult Index() { ViewData["Message"] = "Welcome to ASP.NET MVC!"; return View(); } public ActionResult About() { return View(); } public ActionResult Employee() { return View(); } [HttpPost] public ActionResult GetEmployee() { return Json(new Employee() { Id = 1, Name = "chenxizhang" }); } } } .csharpcode, .csharpcode pre { font-size: small; color: black; font-family: consolas, "Courier New", courier, monospace; background-color: #ffffff; /*white-space: pre;*/ } .csharpcode pre { margin: 0em; } .csharpcode .rem { color: #008000; } .csharpcode .kwrd { color: #0000ff; } .csharpcode .str { color: #006080; } .csharpcode .op { color: #0000c0; } .csharpcode .preproc { color: #cc6633; } .csharpcode .asp { background-color: #ffff00; } .csharpcode .html { color: #800000; } .csharpcode .attr { color: #ff0000; } .csharpcode .alt { background-color: #f4f4f4; width: 100%; margin: 0em; } .csharpcode .lnum { color: #606060; } 第二部分:View中的设计<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage" %> <asp:Content ContentPlaceHolderID="TitleContent" runat="server"> GetEmployee </asp:Content> <asp:Content ContentPlaceHolderID="MainContent" runat="server"> <script src="../../Scripts/jquery-1.3.2-vsdoc.js" type="text/javascript"></script> <script type="text/javascript" language="javascript"> $(function() { $("#bt").click(function() { $.ajax({ type: "POST", contentType: "application/json", url: "http://localhost:44203/Home/GetEmployee", data: "{}", dataType: 'json', success: function(result) { alert(result.Id); } }); }); }); </script> <h2> GetEmployee</h2> <input type="button" value="Invoke" /> <div> </div> </asp:Content> .csharpcode, .csharpcode pre { font-size: small; color: black; font-family: consolas, "Courier New", courier, monospace; background-color: #ffffff; /*white-space: pre;*/ } .csharpcode pre { margin: 0em; } .csharpcode .rem { color: #008000; } .csharpcode .kwrd { color: #0000ff; } .csharpcode .str { color: #006080; } .csharpcode .op { color: #0000c0; } .csharpcode .preproc { color: #cc6633; } .csharpcode .asp { background-color: #ffff00; } .csharpcode .html { color: #800000; } .csharpcode .attr { color: #ff0000; } .csharpcode .alt { background-color: #f4f4f4; width: 100%; margin: 0em; } .csharpcode .lnum { color: #606060; }

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • Java中利用gson解析Json实例教程

    Java中利用gson解析Json实例教程

    2017-06-26 17:07

  • JSON.parse方法详解

    JSON.parse方法详解

    2017-06-24 12:07

  • Go json包简单教程

    Go json包简单教程

    2017-06-24 12:06

  • Core Json–浏览器中的JSON

    Core Json–浏览器中的JSON

    2017-06-24 08:02

网友点评