Wie kann ich Razor und JavaScript effizient kombinieren, um C#-Daten an ein JavaScript-Array zu übergeben?

Die Kombination aus Razor und JavaScript-Code

Das Mischen von Razor- und JavaScript-Code ist eine sehr nützliche Technik in ASP.NET Core-Anwendungen. Ein häufiges Szenario besteht darin, dass Sie dynamische Daten aus C#-Code generieren und an ein JavaScript-Array übergeben müssen.

Eine Möglichkeit besteht darin, Inline-Snippets und <c>- und </c>-Tags zu verwenden, wie Sie in Ihrer Frage erwähnt haben:

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

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

Es gibt jedoch einen einfacheren und unkomplizierteren Weg mit dem Tag <text>:

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

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

Mit dem

<text>-Tag können Sie jeden C#-Code als einfachen Text in HTML- oder JavaScript-Code einbetten. Dieser Ansatz ist prägnanter und einfacher zu lesen, insbesondere wenn mit längeren Codeteilen gearbeitet wird.

Bei Verwendung des <text>-Tags ist zu beachten, dass alle Zeilenumbrüche oder Leerzeichen im C#-Code im generierten JavaScript-Code erhalten bleiben. Wenn Sie diese Zeilenumbrüche oder Leerzeichen nicht beibehalten müssen, können Sie die String.Join-Anweisung oder andere Techniken zur Zeichenfolgenmanipulation verwenden, um die Ausgabe zu formatieren.

Das obige ist der detaillierte Inhalt vonWie kann ich Razor und JavaScript effizient kombinieren, um C#-Daten an ein JavaScript-Array zu übergeben?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!