Question

I serialize Fpr, and post it to the server using jquery.
in the action method, I try go get a List<T> or IEnumerable<T> of the object but the List<T> or IEnumerable<T> is null.
How to post it to the method so i will get it as List or IEnumerable.

var div = $("#TableForm").serialize();
$.post("../Controller/Action?Mode=" + Mode, div , function () { });

I serialize the form and the serialize is OK. The problem is only in the action – that i got null, please help

Answer 1

First of all, you can’t serialize a table object:

HTML:

​<table id="myTable">
    <tr>
        <td><input id='one' name='one' value='blah' /></td>
        <td><input id='two' name='two' value='moreblah' /></td>
    </tr>
</table>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​

JavaScript:

var serialized = ​$("#myTable").serialize();
debugger;​​​​​

When the code pauses in the debugger, you can see that serialized is "", the empty string. MVC won’t know how to model bind this to your IEnumerable, so it is null.

On the other hand, if you do this:

var serialized = ​$("#one, #two").serialize();
debugger;​​​​​

Then serialized will be equal to "one=blah&two=moreblah".

Second, if you’re actually binding to a form then all input elements inside the table will be correctly serialized. However, the names of your input elements are extremely important since you are trying to model-bind to an IEnumerable<CafePlaced>. Read this article by Phil Haack on model binding to a list: http://haacked.com/archive/2008/10/23/model-binding-to-a-list.aspx

If you don’t do it correctly, then MVC won’t know how to model bind and your parameter will come through as null.