jQuery submit a form and its model to the controller

Question

I would like to submit a form using jQuery and submit it to a controller action for processing, to include all the model properties, is this possible?

Answer 1

Do you mean you want to send additional informational along with the information in the form?

If so, I would just dynamically create <input type="hidden"> elements and append them to the form before submitting.

Answer 2

Create your Controller Action with the FormCollection declared. Then just call UpdateModel which will map your forms properties to your object.

public ActionResult MyAction(FormCollection form)
{
    MyDomainObject a = //possibly get from repository

    try
    {
        UpdateModel(a);
        ...

Your View

<form id='my-form' action='post' method='/MyController/MyAction'>
    //form elements
</form>

And here's some javascript.

$(document).ready(function()
{
    var f = $('my-form');
    var action = f.attr('action');
    var serializedForm = f.serialize();
    $.post
    (
        action,
        serializedForm,
        function()
        {
            //anything after the form submit
        }
    );
}

Answer 3

If you'd like to pass your own complex model directly into the controller method from jQuery, check out this question.