Mischen Sie Rasiermesser- und Javascript-Code

Ich bin ziemlich verwirrt, wie man Rasiermesser und js mischt. Dies ist die aktuelle Funktion, an der ich festhalte:

<script type="text/javascript">

        var data = [];

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

Wenn ich c # -Code mit deklarieren könnte <c#></c#>und alles andere JS-Code wäre, wäre dies das, wonach ich suche:

<script type="text/javascript">

        var data = [];

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

Was ist die beste Methode, um dies zu erreichen?

Verwendung <text>:

<script type="text/javascript">

   var data = [];

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

Innerhalb eines Codeblocks (z. B. @foreach) müssen Sie das Markup (oder in diesem Fall Javascript) mit @:oder das <text>Tag markieren .

Innerhalb der Markup-Kontexte müssen Sie Code mit Codeblöcken umgeben ( @{ ... }oder @if, ...)

Sie können auch einfach verwenden

<script type="text/javascript">

   var data = [];

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

note @:

Mischen Sie niemals mehr Sprachen.

<script type="text/javascript">
    var data = @Json.Encode(Model); // !!!! export data !!!!

    for(var prop in data){
      console.log( prop + " "+ data[prop]);
    }

Im Falle eines Problems können Sie es auch versuchen

@Html.Raw(Json.Encode(Model));

Eine nicht konventionelle Methode, um Javascript von der Ansicht zu trennen, aber dennoch Rasiermesser zu verwenden, besteht darin, eine Scripts.cshtmlDatei zu erstellen und Ihr gemischtes Javascript / Rasiermesser dort abzulegen.

Index.cshtml

<div id="Result">
</div>

<button id="btnLoad">Click me</button>

@section scripts
{
    @Html.Partial("Scripts")
}

Scripts.cshtml

<script type="text/javascript">
    var url = "@Url.Action("Index", "Home")";

    $(document).ready(function() {
        $("#btnLoad").click(function() {
            $.ajax({
                type: "POST",
                url: url ,
                data: {someParameter: "some value"},
                contentType: "application/json; charset=utf-8",
                dataType: "json",

                success: function(msg) {
                    $("#Result").text(msg.d);
                }
            });
        });
    });
</script>

Sie können das <text>Tag für beide cshtml-Codes mit Javascript verwenden

Wickeln Sie Ihren Razor-Code in @ {} ein, wenn Sie sich im JS-Skript befinden, und achten Sie darauf, nur @ zu verwenden. Manchmal funktioniert es nicht:

function hideSurveyReminder() {
       @Session["_isSurveyPassed"] = true;
    }

Dies wird produzieren

function hideSurveyReminder() {
       False = true;
    }

im Browser = (