在 JavaScript function 被调用时执行 C# 代码

Question

每当我运行 JavaScript function 时，我都想执行一段 C# 代码，但它的行为似乎不像我想要的那样，这是一个例子：
假设我有一个变量property int Counter {get; set; } property int Counter {get; set; } 在property int Counter {get; set; }中，我想在每次运行 JavaScript function 时递增：

<script type="text/javascript">

function MyFunction(){

    //Do some stuff
    @{Model.Counter++;}

}

</script>

真正发生的是，当页面加载时@{Model.Counter++;}正在执行，无论是否从 function 调用。
每当我再次运行 function 时，它都会完全忽略它。
这意味着这段代码@{Model.Counter++;}在页面加载时执行一次，并且不再执行。
每次运行 function 时，如何解决并使其执行？

Answer 1

我不认为你想要什么是可能的（也许是 Blazor？ - 但那是 WebAssembly）。 相反，您可以将新的 javascript 变量分配给您的 model 属性。 例如：

<script type="text/javascript">

function MyFunction(){

    //Do some stuff
    let counter = @{Model.Counter};
    counter++;

    // Do some stuff with counter

}
// When you are done, post the counter back if needed on server side

</script>

Answer 2

您可以使用 ActiveX 控件来执行编译程序。 但您应该知道您的 html 代码仅适用于 IE。

Answer 3

您必须在视图表单内的某处为 model.counter 创建一个隐藏字段

<input type="hidden" id="modelCounter" asp-for="Counter" value="@Model.Counter" />

在此之后，您可以使用 javascript 更改计数器

function MyFunction(){

    //Do some stuff

var counter=$("#modelCounter").val();
counter++;
   $("#modelCounter").val(counter);

}

Answer 4

尝试这个

     @{
   var a=Model.Counter;
     }

在脚本之外执行此操作

并在 function 或脚本中执行

@a++;

或者

 var c = @a;
    c++;

希望它有效