Call a method from button click in ASP.net, using controller

Question

am new to ASP.net. Am trying to have a simple page view that has a button and when clicked, this would call a method that is in a controller, to then do more code and computation with c#.

I read posts and tried this but the method does not seem to be called, the debugger never stops in the Controler ClickButton1 method.

My VIEW code

<div>
    <input id="Button1" type="button" value="Button 1" onclick="ClickButton1()" />
    <input id="Button2" type="button" value="Button 2" onclick="location.href='@Url.Action("Options", "Home")'" />
</div>

<div>
    <canvas id="mapCanvas" width="500" height="150" style="border:1px solid #000000;"></canvas>
</div>

<script>
function ClickButton1() {
    $.ajax({
        type: "POST",
        url: '@Url.Action("ClickButton1", "Definition")',
        async: true,
        success: function (msg) {
            ServiceSucceeded(msg);
        },
        error: function () {
            return "error";
        }
    });
}
</script>

My CONTROLLER

namespace Traveler.Controllers
{
    public class DefinitionController : Controller
    {
        // GET: /<controller>/
        public IActionResult Index()
        {
            return View();
        }

        // Action click on Button 1
        public void ClickButton1()
        {
            Console.WriteLine("Button 1 Clicked");
        }
    }
}

Is ClickButton1 marked as HttpPost? Nope. But your JavaScript is trying to POST to it. Why are you doing return "error"; instead of getting the error message? Did you bother looking at the browser's developer tools at the network traffic? — mason
– mason, Commented Jul 2, 2017 at 19:28
Hi Mason, used the code from this post for another dev who seemed to have the same pb. Am surely missing something. stackoverflow.com/questions/40928088/… — Frens
– Frens, Commented Jul 2, 2017 at 19:33
Did I miss that I have to mark the button as 'httpPost'? Not sure how to get the error message. — Frens
– Frens, Commented Jul 2, 2017 at 19:42
I said ClickButton1 and HttpPost. That doesn't mean your button. That means your action method. By default, action methods have GET requests routed to them, not POST requests. So in order for it to receive a GET request, you must add an [HttpPost] attribute to ClickButton1. You would probably see an error message to this effect if you used your browser's developer tools to watch the network traffic. I suggest you learn how to do this, because seeing exactly the response from the server is something you need to know how to do. — mason
– mason, Commented Jul 2, 2017 at 19:58

Roxy'Pro · Accepted Answer · 2017-07-02 19:45:07Z

1

Change the input type to button from submit to avoid multiple submit.

Mark you Controllers method as [HttpPost] and try again.

If you are wondering why should you do that, read this:

The [HttpPost] attribute tells the routing engine to send any POST requests to that action method to the one method over the other. This is a type of overloading.

If you are wondering how to mark you Method as a [HttpPost] method, look at this:

[HttpPost]
public void ClickButton1()
{
    Console.WriteLine("Button 1 Clicked");
}

I hope this will help you :)

answered Jul 2, 2017 at 19:45

Roxy'Pro

4,51411 gold badges53 silver badges123 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Frens Over a year ago

Thank you this seems to work indeed. the debugger now stops at the Console. Cannot see the text in the console but at least it gets to that point. Many thanks !

Roxy'Pro Over a year ago

@Frens You are welcome my friend, if this answer was helpful to you please vote up :)

Frens Over a year ago

I did vote up...am too new on the forum yet to have this counted though. I checked your answer as a valid one to the issue. Cheers !

Collectives™ on Stack Overflow

Call a method from button click in ASP.net, using controller

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related