将c#数据结构传递给javascript

本文关键字：javascript 数据结构 | 更新日期: 2023-09-27 17:51:26

这是我的javascript，下面是我的c#代码:

    //javascript in view
    var data = {
        labels: [@Misc.printData(Model.chartLabels, true)],
        datasets: [
            {
                fillColor: "rgba(151,187,205,0.5)",
                strokeColor: "rgba(151,187,205,1)",
                data: [@Misc.printData(Model.chartData, false)]
            }
        ]
    }
    //C# helper
    public static IHtmlString printData(IEnumerable<string> data, bool putQuotes)
    {
        string str = String.Empty;
        if (!data.Any())
            return new HtmlString(str);
        if (putQuotes)
            str = @"""" + data.Aggregate((result, next) => result + @""", """ + next) + @"""";
        else
            str = data.Aggregate((result, next) => result + ", " + next);
        return new HtmlString(str);
    }

我试图在javascript中填充一个数据结构，在c#模型中通过控制器传递给我的信息。这显然是一个可怕的黑客。有更好的方法吗?

将c#数据结构传递给javascript

使用JSON。. NET(可通过NuGet获得)，你可以在你的Razor视图中这样做:

@Html.Raw(Newtonsoft.Json.Linq.JToken.FromObject(Model).ToString()))

将写出您的Model对象的JSON表示。当然，这可以封装在一个辅助函数中，这样读起来就不那么困难了。

为了匹配您的示例，您可以这样做:

var data = {
    labels: @Html.Raw(Newtonsoft.Json.Linq.JToken.FromObject(Model.chartLabels).ToString())),
    datasets: [
        {
            fillColor: "rgba(151,187,205,0.5)",
            strokeColor: "rgba(151,187,205,1)",
            data: @Html.Raw(Newtonsoft.Json.Linq.JToken.FromObject(Model.chartData).ToString()))
        }
    ]
}

有一个非常好的库叫做Json。.Net可以用来将。Net对象序列化为Json:

Json。净

作为JSON传递。这是最好的方法。

相关文章：