JSON.stringify

$(document).ready(function (){var things =[{ id:1, color:'yellow'},{ id:2, color:'blue'},{ id:3, color:'red'}]; things = JSON.stringify({'things': things }); $.ajax({ contentType:'application/json; charset=utf-8', dataType:'json', type:'POST', url:'/Home/PassThings', data: things, success: function (){ $('#result').html('"PassThings()" successfully called.');}, failure: function (response){ $('#result').html(response);}});});publicvoidPassThings(List<Thing> things){var t = things;}publicclassThing{publicintId{ get;set;}publicstringColor{ get;set;}}

<form><input name="ListThing" value="one"/><input name="ListThing" value="two"/><input name="ListThing" value="three"/><input name="Name" value="Bob"/></form><form><input name="ListThing" value="one"/><input name="ListThing" value="two"/><input name="ListThing" value="three"/><input name="Name" value="Pat"/></form>

and then assuming you have some link to trigger the action:

@Html.ActionLink("Save all","SaveAll","Home",null,new{ id ="saveall"})

you could simply AJAXify it:

$('#saveall').click(function (){var data = $('form').map(function (){var $form = $(this);return{ name: $form.find(':input[name=Name]').val(), listThing: $form.find(':input[name=ListThing]').map(function (){return $(this).val();}).toArray()};}).toArray(); $.ajax({ url:this.href, type:'post', contentType:'application/json', data: JSON.stringify({ myModels: data }), success: function (result){ alert('done');}});returnfalse;});



http://stackoverflow.com/questions/13242414/passing-a-list-of-objects-into-an-mvc-controller-method-using-jquery-ajax
http://stackoverflow.com/questions/5502675/asp-net-mvc-and-jquery-serialize-multiple-forms-to-list-of-objects-and-submit
http://blog.sina.com.cn/s/blog_4f925fc30100la41.html