Question

My class

[Serializable]
    public class VSpecialQualifiers
    {
        public VCD LivingStatus { get; set; }
        public VCD Relationship { get; set; }
        public string OnSetAge { get; set; }
    }

My js function

 $.ajax({
                url: url,
                type: 'POST',
                datatype: 'json',
                data: {
                   'arr' : self.specialQualifiers
                }
          });

My serverMethod

[HttpPost]
        public JSONResult SaveProblem(object[] arr)
        {
          //i cant't cast to target type
        }

How i can pass the array of objects from js to server?

Answer 1

Here’s something that works for me (to C# MVC on the back end).

…in the js:

var viewModel = new Object();
viewModel.Items = items; // items is a js array of objects
$.ajax({
    data: JSON.stringify(viewModel),
    type: "POST",
    contentType: 'application/json; charset=utf-8',
    cache: false,
    url: 'CONTROLLERNAME/ACTIONNAME', // replace as necessary here
    success: function (data) {
       // handle the return value, if any, here
    }
});

… in the controller, the signature here is all that matters:

[HttpPost]
public ActionResult ACTIONNAME(WorksheetVM inputModel) {

…and this is an associated ViewModel definition that works where WorksheetItemVM is the viewmodel DTO that contains the list of fields for each of the Js objects being passed :

public class WorksheetVM {
    public WorksheetItemVM[] Items { get; set; }
}