Post a form with Ajax to ASP.NET MVC Controller

Question

When I click on the link "Foo", I hit the break point in the LogOn action but username is always null. I don't understand why.

<a class="jqselect" id="myId" href="#">Foo</a>    
@using (Html.BeginForm("LogOn", "Account", FormMethod.Post, new { id = "fooForm" }))
{
    <input type="text" id="username"/>
}

<script type="text/javascript">
    $(document).ready(function () {
        $(".jqselect").click(function () {

            $.ajax({
                url: '/Account/LogOn',
                type: "Post",
                data: $('#fooForm').serialize(),
                success: function (result) {
                    if (result.success) {
                    }
                }
            });

        });
    });
</script>

[HttpPost]
public ActionResult LogOn(string username)
{
    Console.WriteLine(username);
    return new EmptyResult();
}

von v. · Accepted Answer · 2013-03-29 08:07:34Z

3

You have to give it a name:

<input type="text" id="username" name="username"/>

You can actually drop the id and just have the name and the controller method will recognize it.

You can also use a model if you want and you can code it like:

@Html.TextboxFor(m=>m.Username)

where your model is defined as:

public class LogOnModel {
    public string Username {get;set;}
}

and your method defined as:

[HttpPost]
public ActionResult LogOn(LogOnModel input)
{
}

answered Mar 29, 2013 at 8:07

von v.

17.1k5 gold badges62 silver badges89 bronze badges

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

Collectives™ on Stack Overflow

Post a form with Ajax to ASP.NET MVC Controller

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related