How to call a code behind method in razor pages ?

Question

Hello I have razor form . When the user cancel , I need to execute the following method.

I have tried the following with no success:

1. <a type="button" href='@Url.Action("Myform","CancelButton_Click")'...>
2. and then <button id="CancelButton" type="button" onclick="CancelButton_Click"> to attempt to call a method:

   protected void CancelForm_Submit(object sender, EventArgs e)

1. <button type="button" asp-page-handler="BacktoTableau">
   4. And Ajax :

   
   $.ajax({
   
           type: "POST",
           url: "/MyForm?handler=BacktoTableau",
           function(result) {
               alert(result);
           }
   

which is the only one I could get to enter inside the Code behind, but then the

   Response.Redirect("/index_bis");

doesn't redirect, and the rest of the js execute

I don't use MVC, so please forget about controller or view

Answer 1

I have tried many other codes including asp-page-handler, form submit, etc, but the button execute the onget method instead of the cancel method.

For now with the ajax I use window.location.replace('/index_bis'); which works but I am not a fan.

I am still opened to more scalable solution.

I don't know why is it so hard to just call a method in the code behind related to the current razor view

Answer 2

you use handler methods:

https://www.learnrazorpages.com/razor-pages/handler-methods

    <form asp-page-handler="cancel" method="post">
        <button class="btn btn-default">Cancel</button>
    </form>  

public void OnPostCancel()
{
   // do something
}