javascript - 在 MVC View 中检索 json 值的可能方法有哪些？

Question

我在我看来使用以下代码，它提供了一个警告框作为 json 值。相反，我需要将这些 json 值放在我的代码中，我在下面提到了。

    var option = @Html.Raw(Json.Encode(ViewData["choice"]));
    alert(JSON.stringify(option.Data)); 


    var data = [

        {

            values:/* here i need data*/

        }];

    var chart;                                

它是一个 nvd3 条形图应用程序，请帮助我，或者给我一些方法来转换和传递来自 mVC Controller 的 json 以查看。

这是我的代码，我不知道这段代码有什么问题，

         <script type="text/javascript">

  var option = @Html.Raw(Json.Encode(ViewData["choice"]));

   var chart;
   var data=[{
    values: [

     @foreach(var item in option)
        {  
            <text>
            { 
                   "FullName": "@item.myfield1" ,
                   "ID": @item.myfield2
            } ,
            </text>
        }
       ]
      }];
    nv.addGraph(function () {
    var chart = nv.models.multiBarHorizontalChart()
      .x(function (d) { return d.FullName })
     .y(function (d) { return d.ID })
     .margin({ top: 30, right: 10, bottom: 50, left: 500 })
     .showValues(true)
      .tooltips(false)
          .showControls(false);

    chart.yAxis
   .tickFormat(d3.format(','));

    d3.select('#chart svg')
   .datum(data)
   .transition().duration(500)
   .call(chart);

    nv.utils.windowResize(chart.update);
    return chart;
    });

   </script>

Answer 1

你可以像下面这样简单地做。

<script type="text/javascript">
...
var option = @Html.Raw(Json.Encode(ViewData["choice"]));
var chart;
var data=[
{
    values: option
 }];
...
</script>

在您的 Controller 中，您必须这样做才能检索 JSON 数据。

ViewData["choice"] = Json(listData).Data;

*listData 是包含您的数据的列表的名称。