C# MVC中返回JSON 对象

2 篇文章 0 订阅
1 篇文章 0 订阅
public class JsonNetResult : ActionResult
{
  public Encoding ContentEncoding { get; set; }
  public string ContentType { get; set; }
  public object Data { get; set; }
 
  public JsonSerializerSettings SerializerSettings { get; set; }
  public Formatting Formatting { get; set; }
 
  public JsonNetResult()
  {
    SerializerSettings = new JsonSerializerSettings();
  }
 
  public override void ExecuteResult(ControllerContext context)
  {
    if (context == null)
      throw new ArgumentNullException("context");
 
    HttpResponseBase response = context.HttpContext.Response;
 
    response.ContentType = !string.IsNullOrEmpty(ContentType)
      ? ContentType
      : "application/json";
 
    if (ContentEncoding != null)
      response.ContentEncoding = ContentEncoding;
 
    if (Data != null)
    {
      JsonTextWriter writer = new JsonTextWriter(response.Output) { Formatting = Formatting };
 
      JsonSerializer serializer = JsonSerializer.Create(SerializerSettings);
      serializer.Serialize(writer, Data);
 
      writer.Flush();
    }
  }
}

This is an ActionResult I wrote to return JSON from ASP.NET MVC to the browser using Json.NET.

The benefit of using JsonNetResult over the built in JsonResult is you get a better serializer (IMO [:)]) and all the other benefits of Json.NET like nicely formatted JSON text.

http://james.newtonking.com/json/help/index.html

使用

        public JsonNetResult Edit(String elementID, String tableName, String idInElementDetail)
        {
            BookElement be = new BookElement();
            String inputTemplate = be.getInputTemplateStringByID(elementID, Server.MapPath("~"));
            JObject outObject = new JObject();
            outObject.Add("inputTemplate",new JValue(inputTemplate));
            ElementInPage el = new ElementInPage();
            DataTable eData = el.getElementInPageDetail(tableName, idInElementDetail);
            JObject dataObject = new JObject();
            foreach (DataRow eRow in eData.Rows)
            {
                foreach (DataColumn eCol in eData.Columns)
                {
                    dataObject.Add(eCol.ColumnName,new JValue(eRow[eCol].ToString()));
                }
            }
            outObject.Add("elementData",dataObject);
            Debug.WriteLine("outdata:" + outObject.ToString());
            JsonNetResult jsonNet = new JsonNetResult();
            jsonNet.Data = outObject;
            return jsonNet;
        }

另外一种 就是JsonResult,这个是这个NewTon JSON包本身就支持的,但这个一般是从Model序列化而来。

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
C#使用JSON数据和echarts结合可以分为两个部分,分别是数据处理和图表显示。 首先,你可以使用C#的Newtonsoft.Json库来处理JSON数据。该库提供了丰富的API,可以方便地将JSON数据转换为C#对象。例如,你可以使用JsonConvert.DeserializeObject()方法将JSON字符串转换为对象,或者使用JsonConvert.SerializeObject()方法将对象序列化为JSON字符串。 接下来,你可以将处理好的数据传递给前端页面,使用JavaScript的echarts库来展示数据。在前端页面,你可以使用ajax请求获取C#处理好的JSON数据,然后使用echarts提供的API来渲染图表。例如,你可以使用echarts的option配置项来设置图表类型、数据和样式等。 下面是一个简单的示例代码,演示了如何在C#处理JSON数据,并在前端页面使用echarts展示数据: 1. C#代码: ``` using Newtonsoft.Json; using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.Mvc; namespace EChartsDemo.Controllers { public class HomeController : Controller { public ActionResult Index() { // 模拟数据 List<DataItem> data = new List<DataItem>(); data.Add(new DataItem("类别A", 10)); data.Add(new DataItem("类别B", 20)); data.Add(new DataItem("类别C", 30)); // 将数据转换为JSON字符串 string jsonData = JsonConvert.SerializeObject(data); // 将JSON数据传递给前端页面 ViewBag.JsonData = jsonData; return View(); } } // 数据模型 public class DataItem { public string Name { get; set; } public int Value { get; set; } public DataItem(string name, int value) { this.Name = name; this.Value = value; } } } ``` 2. 前端页面代码: ``` <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>ECharts Demo</title> <script src="https://cdnjs.cloudflare.com/ajax/libs/echarts/4.7.0/echarts.min.js"></script> </head> <body> <div id="chart" style="width: 600px;height:400px;"></div> <script type="text/javascript"> // 获取C#传递的JSON数据 var jsonData = '@Html.Raw(ViewBag.JsonData)'; // 将JSON字符串解析为JavaScript对象 var data = JSON.parse(jsonData); // 创建图表 var chart = echarts.init(document.getElementById('chart')); var option = { title: { text: '柱状图' }, tooltip: {}, xAxis: { data: data.map(function (item) { return item.Name; }) }, yAxis: {}, series: [{ name: '销量', type: 'bar', data: data.map(function (item) { return item.Value; }) }] }; chart.setOption(option); </script> </body> </html> ``` 希望这个示例能够帮助到你。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值