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; } } }
相关文章推荐
- 11个JavaScript颜色选择器插件
- JSON-RPC、XML-RPC、SOAP三者的关系
- 用于展现图表的50种JavaScript库
- Json 介绍 以及与XML 对比
- 导入新的web项目报jsp-api.jar和servlet-api.jar错误
- javaScript 跨域总结与解决办法
- 关于jsp页面是放在webroot目录下和web-inf下优缺点
- js——倒计时
- javascript中setTimeout函数使用案例
- win10 uwp json
- 原生js实现自由拖拽弹窗代码demo
- JSP技术的优缺点介绍
- JS中Json数据的处理和解析JSON数据的方法详解
- javaScript数据类型及判断
- 简单实现js间歇或无缝滚动效果
- js实现的图片浏览器
- 博客功能实验室开发完成
- js回到顶部和底部
- 引用的js中再添加script标签会报错,并且不显示;
- three.js 之旅 (五)--跟场景scene相关的函数