how to get MVC model list in javascript and pass it to controller?

How to fetch model values (IList<Model>) in the script and pass the data to the controller?

I want to pass the data like : 

array 0 : id : 1,id:2

array1 : id : 3,id:4

Asked by:- SnehalSawant
: 10496 At:- 11/30/2017 3:09:19 PM jquery

2 Answers
profileImage Answered by:- vikas_jk

Suppose you have a model with column names(as in Database)

EmployeeId, ProjectId,WorklogDate, OnlineHours, OfflineHours

So you would need to create two arrays in jQuery code, one would be main array with all model values(Model List), while second would be array in which you would have value for each Model

So considering above given columns names, your jquery code would be

//call this on button click or on any event, to loop on all model list
//with class .WorkData
 var workslogs = [];
$(".WorkData").each(function () {
              //Get Values for each Model in an array and push it in Main array
                worklog = {
                    EmployeeId: $('#EmployeeId').val(), 
                    ProjectId: $('#select1').val(),

                    WorklogDate: $("#Worklogdate").val(),
                    OnlineHours: $('.onlinetxt').val(),
                    OfflineHours: $('.oflinetxt').val(),


  //post ajax request to controller, after getting all values in array
//pass data in JSON.stringify to make it as string
 $.post('/URL', { Checkedstr: JSON.stringify(worklogs) }, function (data) {
  //success code here


After pushing data in an array, pass data to the controller using ajax to the controller as a string and then get data as a string controller, in the controller you need to deserialize data and loop through each model data.

C# code would be

       public JsonResult MethodName(string Checkedstr)
//WorkLog is model name
           WorkLog wl = new WorkLog();

//Deserialize string into Model list item here
           List<WorkLog> Worklogitems = new System.Web.Script.Serialization.JavaScriptSerializer().Deserialize<List<WorkLog>>(Checkedstr);

           foreach(var item in Worklogitems)
                   //do soemthing with each model item
           return Json(true);

In the above code, we are Deserializing string into model list and looping through each model item.

Note: passing sensitive data in method like this is not good considering security

At:- 11/30/2017 4:29:35 PM Updated at:- 12/1/2017 6:33:18 AM
good example, i have done similar work in past 0
By : pika - at :- 12/14/2017 11:56:31 AM

profileImage Answered by:- neena

If you are using .NET Core, then things might differ a little bit, suppose this is your code on Front-end

var ListToPass= [
    { id: 1, name: 'John' },
    { id: 2, name: 'Smith' },
    { id: 3, name: 'Kayla' }

        type: 'POST',
        contentType: 'application/json; charset=utf-8',
        url: mycontrolleraction,
        data: JSON.stringify(ListToPass)

and in the C# controller, you can get values using "FromBody"

    public IActionResult NewBranch([FromBody]IEnumerable<ListToPassModel> ListToPass)
       //do somethinghere
        return Ok();

That's it, thanks

At:- 6/21/2021 12:25:07 PM

Login/Register to answer
Register directly by posting answer/details

Full Name *

Email *

By posting your answer you agree on privacy policy & terms of use