How to do Model Binding with Jquery Ajax

Question

I'd like to use model binding to keep my controllers looking cleaner, you can see how much nicer it is using model binding:

public ActionResult Create(Person personToCreate)
{
    //Create person here
}

vs

public ActionResult Create(string firstName, string lastName, string address, string phoneNum, string email, string postalCode, string city, string province, string country)
{
    //Create person here
}

When doing model binding, we can just use a form with the correct names in the Html.TextBox("")

What about jquery? How can I make sure that when I do a $.post(url, data, callback, dataType) or a $.ajax(options) call to Create(Person personToCreate) that the Person object gets filled properly?

Craig Stuntz · Accepted Answer · 2009-07-13 20:42:06Z

4

You need to:

Make the property names in data match the argument/property of bound type names.
Always supply a value for all non-nullable arguments/properties of bound type.

Number 2 is the big one in terms of why binding to person can behave differently than specifying individual action arguments for each property. If you have a type with a non-nullable property called "Foo", then failing to supply a foo item in your form will prevent binding.

answered Jul 13, 2009 at 20:42

Craig Stuntz

127k12 gold badges257 silver badges275 bronze badges

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

2 Comments

Matt Over a year ago

And the only way to get around that is Custom Model Binders?

Craig Stuntz Over a year ago

Or change the property type to nullable.

Collectives™ on Stack Overflow

How to do Model Binding with Jquery Ajax

1 Answer 1

2 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Linked

Related