.NET Core 查看页面的值到 JavaScript 数组答案

【问题标题】：.NET Core View page's values to JavaScript array.NET Core 查看页面的值到 JavaScript 数组
【发布时间】：2019-08-14 21:38:25
【问题描述】：

我正在使用 .NET Core MVC 开发应用程序。在我的视图页面中，我有一个类似这个表的表。使用 foreach 循环生成。

foreach (var items in Model){
   // generate Table
}

我想要的是，不显示这张表。相反，当页面加载时，将此值传递给 JavaScript 数组 并显示一些动态图表。

例如，表中的金额列。我想在 javascript 中获取金额值，例如：

$( document ).ready(function() {
  var amountValues = [1000, 3000, 2000, 1100];
});

【问题讨论】：

【解决方案1】：

您可以将模型序列化为 javascript 类并根据需要使用：

var myModel = @Html.Raw(Json.Serialize(Model));
for (var item in myModel)
{ 
   var amountValue = item.Amount;
   //push to array etc.
}

【讨论】：