How can I prevent submit event and with onclick event call ActionResult Method Create to submit my form data using Jquery ASP.NET MVC?

Question

How can I call action result method using JQuery with onclick event if my button type is submit I tried like this $("#btnSave).click(function(e){ e.preventDefault(); @Url.Action("Create","ControllerName"); });

What does call action result method means ? You want to submit your form data ? — Shyju
– Shyju, Commented Jul 30, 2016 at 17:16
Yes to submit data with Jquery calling ActionResult Create Method ? — jhony3
– jhony3, Commented Jul 30, 2016 at 17:23

Shyju · Accepted Answer · 2016-07-30 17:23:24Z

3

If you want to submit your form data using ajax, you may use the jQuery serialize() method to serialize your form and send that.

$(function(){

  $("#btnSave").click(function(e){
      e.preventDefault();
      var _f=$(this).closest("form");
      $.post(_f.attr("action"),_f.seriazlize(),function(response){
         //do something with response
      });
  });

});

Assuming your button is inside the form which you want to submit and it has the action attribute value set to Create action method.

@using(Html.BeginForm("Create","YourControllerName"))
{
  <!-- Your other form elements goes here -->
  <input type="button" id="btnSave" />
}

edited Jul 30, 2016 at 17:23

answered Jul 30, 2016 at 17:18

Shyju

220k106 gold badges421 silver badges499 bronze badges

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

3 Comments

jhony3 Over a year ago

Thx @Shyju I will try yes my button is inside the form and my form action is set on Create

jhony3 Over a year ago

Sorry @Shyju do you know how can I redirect from this code to another page after inserting ?

Shyju Over a year ago

Replace the //do something with response inside the $.post success callback with with window.location.href='/Home/Index';

Collectives™ on Stack Overflow

How can I prevent submit event and with onclick event call ActionResult Method Create to submit my form data using Jquery ASP.NET MVC?

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related