jQuery not submitting my form to an asp.net mvc controller

Question

I'm trying to submit a form via ajax to an MVC controller.

HTML

<% using (Html.BeginForm("AskQuestion", "Home", FormMethod.Post, new { id="submitquestion"})) {%>

jQuery

$("#submitquestion").submit(function(event) {
    event.preventDefault();
    var form = $(this);
    $.ajax({
        url: '<%= Url.Action("AskQuestion", "Home") %>',
        type: "Post",
        data: form.serialize(),
        success: function(result) {
            if (result.success) {
                //success method
            }
        }
    });

I'm getting no javascript errors, and my controller is not getting hit when I set a breakpoint. However, if I just set this:

$("#submitquestion").submit();

The form submits.

What am I doing wrong? I want to submit the form via .ajax

Jayantha Lal Sirisena · Accepted Answer · 2011-12-01 06:18:39Z

2

Add new html button to submit and wirte your ajax submit in the click event like this,

    $("#yourButton").click(function(event) {
        event.preventDefault();
        var form = $('#submitquestion');
        $.ajax({
            url: '<%= Url.Action("AskQuestion", "Home") %>',
            type: "Post",
            data: form.serialize(),
            success: function(result) {
                if (result.success) {
                    //success method
                }
            }
        });
});

answered Dec 1, 2011 at 6:18

Jayantha Lal Sirisena

21.4k11 gold badges74 silver badges94 bronze badges

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

Comments

mehul9595 · Accepted Answer · 2011-12-01 06:39:16Z

0

for submitting via ajax. add a button to html form

<input type="button" name="button" value="Test" id="test" />

And your jquery script should be like this,

$('#test').click(function () {
           var formCollection = $(this).parents('form').serialize();
          $.post('your url', formCollection, function (result) {
                alert(result);
       }); 
});

Hope this helps.

answered Dec 1, 2011 at 6:39

mehul9595

1,9657 gold badges32 silver badges56 bronze badges

Collectives™ on Stack Overflow

jQuery not submitting my form to an asp.net mvc controller

HTML

jQuery

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

HTML

jQuery

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related