ASP.NET MVC JSON Post a HTML Form to a View?

Question

I have the following code:

jQuery:

$.ajax({
    url: '/personcontroller/getperson',
    cache: false,
    type: "POST",
    data: $('#person').serialize(),
    success: function(data) {
      alert('yay');
    }
    });
});

Controller:

public ActionResult getPerson(Person person)
{
    return new Json(person);
}

Html Form/Spark:

<form id="person">
   <input id="person.Id" type="hidden" value="${ViewData.Model.Person.Id}" />
   <input id="person.Name" value="${ViewData.Model.Person.Name}"></input>
   <input id="person.Age" value="${ViewData.Model.Person.Age}"></input>
   <input value="${ViewData.Model.Person.Gender}"></input>
</form>

When I POST the ajax call with the form, and put a break point in my action. The person object is not being populated with the input values, I feel like I am overlooking something really simple... Can you please point it out to me :|

Michael Gattuso · Accepted Answer · 2009-12-02 18:53:22Z

5

Inputs need a name attribute to post correctly. You should add a name attribute that matches the Id.

<form id="person">
   <input id="person.Id" name="person.Id" type="hidden" value="${ViewData.Model.Person.Id}" />
   <input id="person.Name" name="person.Name" value="${ViewData.Model.Person.Name}"></input>
   <input id="person.Age" name="person.Age" value="${ViewData.Model.Person.Age}"></input>
</form>

edited Dec 2, 2009 at 18:53

answered Dec 2, 2009 at 18:47

Michael Gattuso

13.3k2 gold badges28 silver badges30 bronze badges

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

4 Comments

LukLed Over a year ago

@tvanfosson: You mean id attribute.

Andrew Over a year ago

Do i need the name attribute and the id attribute or will it work with just name :)?

tvanfosson Over a year ago

My bad -- I just looked it up because I wasn't sure and the MVC helpers do replace the dot in the id with an underscore. Not strictly necessary, but it helps with jQuery.

tvanfosson Over a year ago

You only need the name, but if you want to access it with javascript having the id is handy.

LukLed · Accepted Answer · 2009-12-02 18:55:57Z

2

You should use:

public ActionResult getPerson([Bind(Prefix="person")]Person person)

EDIT

And as Michael Gattuso noticed, you should populate name property.

edited Dec 2, 2009 at 18:55

answered Dec 2, 2009 at 18:48

LukLed

31.9k17 gold badges87 silver badges108 bronze badges

Collectives™ on Stack Overflow

ASP.NET MVC JSON Post a HTML Form to a View?

2 Answers 2

4 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related