Razor Page onclick 按钮，调用方法

Question

我在 file.cshtml

中有此代码

1. OnClickTest

我尝试在 file.cshtml.cs

中调用此方法

enter image description here

当我点击按钮时，控制台出现以下错误：

未捕获的 ReferenceError：funcaoClique 未在 HTMLUnknownElement.onclick

处定义

Answer 1

如果要用按钮调用后端处理程序，需要将按钮放入表单中，并尝试更改处理程序名称的格式。

默认约定的工作原理是将用于请求的 HTTP 动词与方法名称相匹配，方法名称以“On”为前缀：OnGet()、OnPost()、OnPut() etc.And 之后OnGet(), OnPost(), OnPut(),etc,第一个字母需要是大写 letter.Here 是演示：

cshtml:

<form method="post" asp-page-handler="FuncaoClique">
    <button>OnClickTest</button>
</form>

cshtml.cs:

 public void OnPostFuncaoClique()
        {
            Console.WriteLine("Hello");
        }

Razor Page onclick button, call method