How to Cleanly Mix Razor and JavaScript Code in ASP.NET?

Mixing Razor and JavaScript Code

Mixing Razor and JavaScript code can be confusing at first. Consider the following function:

<script type="text/javascript">
        var data = [];

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

It would be much cleaner to declare C# code using and tags, like this:

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

To achieve this, use the tag:

<script type="text/javascript">
   var data = [];

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

The above is the detailed content of How to Cleanly Mix Razor and JavaScript Code in ASP.NET?. For more information, please follow other related articles on the PHP Chinese website!