Trộn mã dao cạo và mã Javascript

Tôi khá bối rối với cách trộn dao cạo và js. Đây là chức năng hiện tại tôi đang bị mắc kẹt:

<script type="text/javascript">

        var data = [];

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

Nếu tôi có thể khai báo mã c # với <c#></c#>và mọi thứ khác là mã JS - đây sẽ là những gì tôi đang theo sau:

<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#>

Phương pháp tốt nhất để đạt được điều này là gì?

Sử dụng <text>:

<script type="text/javascript">

   var data = [];

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

Bên trong một khối mã (ví dụ @foreach:), bạn cần đánh dấu đánh dấu (hoặc, trong trường hợp này là Javascript) bằng @:hoặc <text>thẻ .

Bên trong bối cảnh đánh dấu, bạn cần bao quanh mã với các khối mã ( @{ ... }hoặc @if, ...)

bạn cũng có thể đơn giản sử dụng

<script type="text/javascript">

   var data = [];

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

lưu ý @:

Không bao giờ trộn lẫn nhiều ngôn ngữ.

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

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

Trong trường hợp có vấn đề, bạn cũng có thể thử

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

Một phương pháp không thông thường để tách javascript khỏi chế độ xem, nhưng vẫn sử dụng dao cạo trong đó là tạo một Scripts.cshtmltệp và đặt javascript / dao cạo hỗn hợp của bạn ở đó.

Index.cshtml

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

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

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

Sc Script.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>

bạn có thể sử dụng <text>thẻ cho cả mã cshtml với javascript

Gói mã Dao cạo của bạn trong @ {} khi bên trong tập lệnh JS và lưu ý sử dụng chỉ @ Đôi khi nó không hoạt động:

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

Điều này sẽ tạo ra

function hideSurveyReminder() {
       False = true;
    }

trong trình duyệt = (