MVC之Model转Json

在开发中，有时我们需要在View层中拿到Model返回的数据并且是一个Json对象，那么我们就可以利用Newtonsoft.Json.JsonConvert.SerializeObject(Model)将Model层反序列化，由于js拿到反序列化的数据后一些特殊字符还需要处理，如：双引号"反序列化后会变成"，所以要将其替换成",str.replace(/"/g,"\"")，然后再用js函数JSON.parse将其转换，就得到一个Json对象

后台C#代码：

namespace MvcApplication1.Controllers
{public class HomeController : Controller{public ActionResult Index() { View_News View_News = new View_News(); List<News> NewsList = new List<News>(); NewsList.Add(new News() { Url = "www.baidu.com", Image = "/Resource/Skin02", Title = "Tom" }); NewsList.Add(new News() { Url = "www.taobao.com", Image = "/Resource/Skin03", Title = "Jim" }); NewsList.Add(new News() { Url = "www.jd.com", Image = "/Resource/Skin04", Title = "Jess" }); View_News.NewsList = NewsList; return View(View_News); } } public class View_News { public List<News> NewsList { get; set; } } public class News { public string Url { get; set; } public string Image { get; set; } public string Title { get; set; } } }

前台代码：

@model MvcApplication1.Controllers.View_News
@{Layout = null;string str = Newtonsoft.Json.JsonConvert.SerializeObject(Model.NewsList);
}<!DOCTYPE html><html> <head> <meta name="viewport" content="width=device-width" /> <title>Index</title> <script src="~/Scripts/jquery-1.8.2.min.js"></script> <script type="text/javascript"> var picData = {}; var theString = '@(str)'; theString = theString.replace(/&quot;/g,"\""); var temp = JSON.parse(theString); picData.news = temp; console.log(picData); </script> </head>

输出结果：

转载于:https://www.cnblogs.com/zhangruisoldier/p/8556153.html

MVC之Model转Json相关推荐

Spring MVC 学习总结（九）——Spring MVC实现RESTful与JSON（Spring MVC为前端提供服务）...
Spring MVC 学习总结(九)--Spring MVC实现RESTful与JSON(Spring MVC为前端提供服务) 目录一.JSON 1.1.概要 1.2.使用ModelAndView ...
Spring MVC，Ajax和JSON第1部分–设置场景
我一直在考虑在Spring,Ajax和JSON上写博客,但是我从来没有做过. 这主要是因为它非常复杂,并且所需的技术一直处于变化状态. 当我决定撰写此博客时,我在Internet上有一个侦察员,如果您 ...
ASP.“.NET研究”NET MVC 3 —— Model的使用？
昨天博客发了新文章,讲一下我对如何使用MVC中的Model的看法,不是什么大技术,当是一个技术讨论^^ 原文地址:http://www.youguanbumen.net/Article.aspx?id ...
Spring MVC 3.0 返回JSON数据的方法
Spring MVC 3.0 返回JSON数据的方法 1. 直接 PrintWriter 输出 2. 使用 JSP 视图 3. 使用Spring内置的支持 // Spring MVC 配置 <b ...
ASP.NET MVC传递Model到视图的多种方式之通用方式的使用
ASP.NET MVC传递Model到视图的多种方式总结--通用方式的使用有多种方式可以将数据传递到视图,如下所示: ViewData ViewBag PartialView TempData Vi ...
Asp.net MVC使用Model Binding解除Session, Cookie等依赖
上篇文章"Asp.net MVC使用Filter解除Session, Cookie等依赖"介绍了如何使用Filter来解除对于Session, Cookie的依赖. 其实这个也可以 ...
spring -mvc 将对象封装json返回时删除掉对象中的属性注解方式
spring -mvc 将对象封装json返回时删除掉对象中的属性注解方式在类名,接口头上注解使用在 @JsonIgnoreProperties(value={"comid" ...
Spring MVC，Ajax和JSON第3部分–客户端代码
如果您一直关注有关Spring,Ajax和JSON的简短博客系列,那么您会回想起我到目前为止已经创建了一个Spring MVC Web应用程序,该应用程序显示一个表单,该表单允许用户选择一堆项目并向服 ...
Spring MVC，Ajax和JSON第2部分–服务器端代码
在上一个博客中,我说过我将谈论Spring,Ajax和JSON,但是没有. 原因是我想使用(很少)可信的购物网站场景来设置场景. 在这种情况下,当用户单击"电子商务"页面链接时,服 ...

MVC之Model转Json

MVC之Model转Json相关推荐

最新文章

热门文章