如何有效地结合 Razor 和 JavaScript 将 C# 数据传递到 JavaScript 数组？

Razor 与 JavaScript 代码的结合

在 ASP.NET Core 应用程序中，混合使用 Razor 和 JavaScript 代码是一种非常实用的技巧。一个常见的场景是：需要从 C# 代码生成动态数据，并将其传递给 JavaScript 数组。

一种方法是使用内联代码段和 <c> 和 </c> 标记，正如您在问题中提到的那样：

<code class="language-csharp">    var data = [];

    <c#>@foreach (var r in Model.rows) {#>
        data.push([ <c#>@r.UnixTime#> * 1000, <c#>@r.Value#> ]);
    <c#>}#></code>

然而，使用 <text> 标记有一个更简单直接的方法：

<code class="language-csharp">    var data = [];

    @foreach (var r in Model.rows)
    {
        <text>
            data.push([ @r.UnixTime * 1000, @r.Value ]);
        </text>
    }</code>

<text> 标记允许您将任何 C# 代码作为纯文本嵌入到 HTML 或 JavaScript 代码中。这种方法更简洁，也更容易阅读，尤其是在处理较长的代码段时。

使用 <text> 标记时，需要注意的是，C# 代码中的任何换行符或空格都将保留在生成的 JavaScript 代码中。如果不需要保留这些换行符或空格，可以使用 String.Join 语句或其他字符串操作技术来格式化输出。

以上是如何有效地结合 Razor 和 JavaScript 将 C# 数据传递到 JavaScript 数组？的详细内容。更多信息请关注PHP中文网其他相关文章！