如何将 controller 中的数组传递给 cshtml 中的 JS - MVC

Question

我是开发.Net MVC 5 应用程序的初学者。 但是我在将数组从 controller 传递到 cshtml 中的 JS 时遇到了一些问题，但我不知道该怎么做，有人告诉我吗？ 在此处输入图像描述

在此处输入图像描述

JS：

var areaChartData = {
  labels: ['Ocak', 'Şubat', 'Mart', 'Nisan', 'Mayıs', 'Haziran', 'Temmuz', 'Ağustos', 'Eylül', 'Ekim', 'Kasım', 'Aralık'],
  datasets: [{
          label: 'Çıkan Ürün',
          backgroundColor: 'rgba(210, 214, 222, 1)',
          borderColor: 'rgba(210, 214, 222, 1)',
          pointRadius: false,
          pointColor: 'rgba(210, 214, 222, 1)',
          pointStrokeColor: '#c1c7d1',
          pointHighlightFill: '#fff',
          pointHighlightStroke: 'rgba(220,220,220,1)',
          data: [10,10,20,22,23,24,25,26,27,20,10,111]
      }]
}

Controller：

public ActionResult Index() {

    double[] giren = new double[11];
    return View();
}

如何在 JS 中发布发送到“数据”的数组？

Answer 1

您不能直接将 Controller 中的值传递给cshtml部分中的JS 。 首先绑定cshtml然后获取DOM中的元素，以便DOM将加载来自 controller 的cshtml元素中的值。

然后您可以从cshtml元素访问JS的值。 这就是循环。

你可以参考下面的文章。 https://www.pluralsight.com/guides/asp-net-mvc-using-javascript-with-ajax-and-razor-partial-views

Answer 2

我找到了一个解决方案：

controller：

using Newtonsoft.Json;
public ActionResult Index()
    {
       double[] value= new double[13];
       ViewBag.DataPoints1 = JsonConvert.SerializeObject(value);
       return view();
    }

JS

 datasets: [
            {
                label: 'Name',
                backgroundColor: 'rgba(210, 214, 222, 1)',
                borderColor: 'rgba(210, 214, 222, 1)',
                pointRadius: false,
                pointColor: 'rgba(210, 214, 222, 1)',
                pointStrokeColor: '#c1c7d1',
                pointHighlightFill: '#fff',
                pointHighlightStroke: 'rgba(220,220,220,1)',
                data: @Html.Raw(ViewBag.DataPoints1)
            },

“数据”可以从 controller 调用值作为 ViewBag