How can i pass generic list from view to controller action with jquery

Question

//vm    
class myViewModel {
    public Ilist<GenericClass> MyList {get;set;}
    }

//controller
[HttpPost]
public ActionResult MyAction(IList<GenericClass> myList){
// do something with list
}

// view
ım trying solution like this 
@model myViewModel 
....

<script>
var list = (@Model.MyList)
 $.post("@Url.Action("MyAction", "MyController")", { myList: list }, function (d) {
                console.log(d);
            });
</script>

How can ı pass generic list from view to my action. My list in my view model and ı want use it from view model like @Model.myList.

Answer 1

you can use AJAX call like this

var list = JSON.stringify({ 'list': @Model.MyList });

$.ajax({
    contentType: 'application/json; charset=utf-8',
    dataType: 'json',
    type: 'POST',
    url: '/MyController/MyAction',
    data: list,
    success: function () {          
        alert('List has been sent successfully.');
    },
    error: function (response) {          
        alert('Something gone bad, sorry bro');
    }
});