如何使用Razor语法将数组从ViewBag转换为JScript数组？

Question

我正在尝试将以下剃刀语法重新编码为可行的代码并且卡住了:

    var ServiceIndex = @ViewBag.ServiceID ;
    var ServiceName = @ViewBag.ServiceName ;
    var ServiceNotes = @ViewBag.ServiceNotes ;

我的问题是,现在这3个数组的ViewBag是空的,所以它在单独的分号上呕吐.

Answer 1

您需要在服务器端将其转换为JSON.

<script>
    var ServiceNotes = @(Html.Raw(JsonConvert.SerializeObject(ViewBag.ServiceNotes)));
    var ServiceName = @(Html.Raw(JsonConvert.SerializeObject(ViewBag.ServiceName)));
    var ServiceIndex = @(Html.Raw(JsonConvert.SerializeObject(ViewBag.ServiceIndex)));
</script>

然后直接在JS中访问它.

空数组由JsonConvert正确处理,因此,如果它是空的,你会得到类似的东西

var ServiceNotes = [];

为了便于调试和避免嵌套函数调用,您还可以拆分序列化和输出.

@{
   string serviceNotesJson = JsonConvert.SerializeObject(ViewBag.ServiceNotes);
   string serviceNameJson = JsonConvert.SerializeObject(ViewBag.ServiceName);
   string serviceIndexJson = JsonConvert.SerializeObject(ViewBag.ServiceIndex);
}

@section scripts 
{
    <script>
        var ServiceNotes = @(Html.Raw(serviceNotesJson));  
        var ServiceName = @(Html.Raw(serviceNameJson));
        var ServiceIndex = @(Html.Raw(serviceIndexJson));
    </script>
}