您的位置:首页 > Web前端 > JavaScript

MVC 中获取Json数据

2016-06-29 17:11 363 查看
@{
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;
}
}
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: