我有 json 数据并希望在 Asp.net 的 .cshtml 视图中显示答案

【问题标题】：I have json Data and want to Dispaly on .cshtm view in Asp.net我有 json 数据并希望在 Asp.net 的 .cshtml 视图中显示
【发布时间】：2018-10-26 09:42:00
【问题描述】：

我有一些 Json 数据，我想在 Razor 视图上显示，请建议我这里是我的 Json 数据 Json 数据：

[{"Name":"H&S 01","1":65656.0,"2":67779.0,"3":32323.0,"4":232323.0,"5":34.0,"6":345.0,"7":34.0,"8":23.0,"9":0.0,"10":0.0,"11":0.0,"12":0.0},{"Name":"H&S 02","1":2342.0,"2":234.0,"3":234.0,"4":23.0,"5":234.0,"6":23423.0,"7":23423.0,"8":4343.0,"9":23658.0,"10":667.0,"11":366.0,"12":34766.0},{"Name":"H&S 03","1":0.0,"2":333.0,"3":0.0,"4":0.0,"5":0.0,"6":0.0,"7":0.0,"8":0.0,"9":0.0,"10":0.0,"11":0.0,"12":0.0}]

disply 1

第二张图片 Output 2

我想在视图上显示是这样的。

Name| Jan- 2008 | Feb- 2008 | Mar - 2008| Total
H&S1| 65656     | 23        |  34       | 65727     
H&S2| 23333     | 4300      | 2150      | 27570

【问题讨论】：

你的代码在哪里！到目前为止，您尝试过什么？

标签： c# asp.net razor jsonconvert

【解决方案1】：

你可以尝试的是首先，翻译

来自

[
  {
    "1": 65656,
    "2": 67779,
    "3": 32323,
    "4": 232323,
    "5": 34,
    "6": 345,
    "7": 34,
    "8": 23,
    "9": 0,
    "10": 0,
    "11": 0,
    "12": 0,
    "Name": "H&S 01"
  }
]

类似于：

[
  {
    "Jan- 2008": 65656,
    "Feb- 2008": 67779,
    "Mar- 2008": 32323,
    "Apr- 2008": 232323,
    "May- 2008": 34,
    "Jun": 345,
    "Jul": 34,
    "Aug": 23,
    "Sep": 0,
    "Oct": 0,
    "Nov": 0,
    "Dec": 0,
    "Name": "H&S 01"
  }
]

您可以使用诸如https://www.newtonsoft.com/json 之类的 JSON 序列化程序来做到这一点。

查看this，了解如何迭代您的属性

接下来，您可以使用库将 JSON 显示为表格，然后使用 CSS 自定义表格

这是我找到的一个。 https://github.com/jongha/jquery-jsontotable

如果你想试试 JSON to table 的工作原理，试试here

【讨论】：