我对如何混合 razor 和 js 感到很困惑。这是我坚持使用的当前功能：
<script type="text/javascript">
var data = [];
@foreach (var r in Model.rows)
{
data.push([ @r.UnixTime * 1000, @r.Value ]);
}
如果我可以声明 c# 代码，<c#></c#>而其他一切都是 JS 代码——这就是我所追求的：
<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#>
实现这一目标的最佳方法是什么？
使用<text>：
<script type="text/javascript">
var data = [];
@foreach (var r in Model.rows)
{
<text>
data.push([ @r.UnixTime * 1000, @r.Value ]);
</text>
}
</script>
里面一个代码块（例如，@foreach），你需要标记标记（或者，在这种情况下，JavaScript）的使用@:或<text>标签。
在标记上下文中，您需要用代码块（@{ ... }或@if, ...）
你也可以简单地使用
<script type="text/javascript">
var data = [];
@foreach (var r in Model.rows)
{
@:data.push([ @r.UnixTime * 1000, @r.Value ]);
}
</script>
注意@：
永远不要混合更多的语言。
<script type="text/javascript">
var data = @Json.Encode(Model); // !!!! export data !!!!
for(var prop in data){
console.log( prop + " "+ data[prop]);
}
如果出现问题，您也可以尝试
@Html.Raw(Json.Encode(Model));
一种将 javascript 与视图分离但仍然在其中使用 razor 的非常规方法是创建一个Scripts.cshtml文件并将混合的 javascript/razor 放在那里。
索引.cshtml
<div id="Result">
</div>
<button id="btnLoad">Click me</button>
@section scripts
{
@Html.Partial("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>