@{ ViewBag.Title = "json示例项目"; } @Scripts.Render("~/bundles/jquery") <h2>json示例项目View</h2> <p> <a href="javascript:void(0)" onclick="javascript:getJsonData();">GetJsonData1</a><br /> <a href="javascript:void(0)" onclick="javascript: getJsonDataByPost();">GetJsonData2</a><br /> </p> <div id="dataDiv"> 暂无数据 </div> <script type="text/javascript"> function getJsonData() { var str = ""; $.getJSON("/Home/GetJson1", function (data) { var tt = ""; $.each(data, function (k, v) { tt += k + ":" + v + "<br/>"; }); $("#dataDiv").html(tt); }); } function getJsonDataByPost() { var str = ""; $.post("/Home/GetJson2", function (data) { var tt = ""; $.each(data, function (k, v) { tt += k + ":" + v + "<br/>"; }); $("#dataDiv").html(tt); }); } </script>
using System; using System.Collections.Generic; using System.Globalization; using System.Linq; using System.Threading; using System.Web.Mvc; using Webdiyer.WebControls.Mvc; namespace Webdiyer.MvcPagerDemo.Controllers { /// <summary> /// 控制器部分 /// </summary> public class HomeController : Controller { public ActionResult Index() { return View("Index"); } /// <summary> /// 输出Json方式1 /// </summary> /// <returns></returns> public ActionResult GetJson1() { var person = new { Name = "李明", Age = 22, Sex = "男" }; return Json(person, JsonRequestBehavior.AllowGet); } /// <summary> /// 输出Json方式2 /// </summary> /// <returns></returns> public JsonResult GetJson2() { var res = new JsonResult(); var person = new { Name = "赵琳", Age = 21, Sex = "女" }; res.Data = person; res.JsonRequestBehavior = JsonRequestBehavior.AllowGet; return res; } } }