C# 中 Highcharts 数据对象的 JSON 结果答案

【问题标题】：JSON Result for Highcharts Data Object in C#C# 中 Highcharts 数据对象的 JSON 结果
【发布时间】：2015-07-08 16:40:34
【问题描述】：

我正在尝试获取自定义类的列表并将其转换为 MVC/C# 中的 JSON。我同时使用了 json.encode 和 javascriptserializer 都无济于事。 json 数据显示为 &.quot;而不是单引号或双引号。这是我认为相关的代码。此数据将用于 highcharts 应用程序。

我的模型

public class DataPoint
{
    public double? data { get; set; } //CTDI value
    public DateTime? DateOfScan { get; set; }
    public string Name { get; set; }
    public string Nmmber{ get; set; }
    public int PersonDatabaseID { get; set; }
    public string EquipmentName{ get; set; }
}

public class PlotData : List<DataPoint>
{
}

public class PlotListModel : List<PlotData>
{
}

我的观点

foreach (PlotData pd in (PlotListModel) ViewBag.MyData)
{
    JavaScriptSerializer js = new JavaScriptSerializer();
    var jsData1 = js.Serialize(pd);

    //Or use JSON.Encode
    var jsData2 = Json.Encode(pd);

    string divID = "container" + i;
    <div id='@divID'>
        <script type='text/javascript'>
            $(function () {
                var chart = new Highcharts.Chart({
                    chart: {
                        renderTo: '@divID',
                        type: 'colummn'
                    },
                    title: {text: '@divID'},
                    tooltip: {
                        formatter: function () {
                            return 'Extra data: <b>' + this.point.Scanner + '</b>';
                        }
                    },

                    series: [{
                        name: 'Foo',
                        data: ['@jsData1']
                    }]
                });
            });
        </script>
    </div>

    i += 1;
}

When I look at the page source I see the data fields and values surrounded by the encoded quote value - &quot;

【问题讨论】：

您绝对应该使用 Web API 将数据序列化为 JSON 格式并通过 ajax 调用从服务器请求它
谢谢，托马斯。关于一个好的教程有什么建议吗？除了谷歌搜索之外，不知道从哪里开始。
asp.net/web-api

标签： c# json asp.net-mvc highcharts javascriptserializer

【解决方案1】：

您应该创建一个 webapi 控制器，它应该包含一个看起来像这样的方法。我假设您在此示例中使用的是 Web Api 2.0。

[Route("api/plotlist")]
[HttpGet]
public PlotListModel GetPlotList() {
    //Here's where you would instantiate and populate your model
    PlotListModel plotList; 

    /*
     * Once your model is instantiated and populated then you can
     * just return it and the serialization will be done for you
     */

    return plotList;
}

一旦你有了它，你就可以使用 ajax 从你的客户端代码中调用该方法。如果您使用 jQuery，一个简单的客户端函数可能看起来像这样。

function retreivePlotList() {
    $.getJSON("http://<base url>/api/plotlist", function(data) { 
        //do something with data 
    });
}

【讨论】：

太棒了，凯西。谢谢。今晚我会试一试。
所以我遇到了问题。该方法没有被调用。我已经停下来了，但它从未被击中。
你能把网址放在你的浏览器中并调用方法吗？
不，我不能。我有 localhost/api/plotList 并得到 404 错误。
您是否正确配置了属性路由？使用本教程仔细检查 asp.net/web-api/overview/web-api-routing-and-actions/… 。还要确保此方法位于 ApiController 中。控制器应该继承自 ApiController 类

【解决方案2】：

这是 web api 类

public class PlotListController : ApiController
{
    [Route("api/plotlist")]
    [HttpGet]
    public IEnumerable<CTDIDataPoint> GetPlotList()
    {....

当我输入 localhost/api/plotlist 时出现 404 错误

这是 webapiconfig。

public static void Register(HttpConfiguration config)
    {
        config.MapHttpAttributeRoutes();

        config.Routes.MapHttpRoute(
            name: "DefaultApi",
            routeTemplate: "api/{controller}/{id}",
            defaults: new { id = RouteParameter.Optional }
        );
    }

【讨论】：

这是一个答案，还是您试图澄清您的问题。