如何使用Ajax和jQuery将复杂类型传递给ASP.NET MVC控制器

Question

I am getting null values for the complex variable( RamarksList ) properties with in another Complex type( Model ).

See the values coming properly for the Name and Type but I see null values for the properties(Parameter and Comments) for the Complex Type RemarksList .

Here is my code. Please take a look and advise.

jQuery:

 var data = {               
            'Name': 'Apple',
            'Type': 'Fruit',
            'RemarksList': [
              {
                  'Parameter': 'test 1',
                  'Comments': 'test 123'
              },
              {
                  'Parameter': 'test 2',
                  'Comments': 'abc 3455'
              }
            ]
        };



var url = "/Controller/Action";

            $.ajax({
                url: url,
                type: 'POST',
                dataType: 'application/json',
                data: data,
                success: function (data) {

                }
            });

Controller:

[HttpPost]
        public ActionResult Save(Model model)
        {
            return View();
        }

Model classes:

public class Model
    {
        public int Id { get; set; }      
        public string Name { get; set; }
        public string Type{ get; set; }
        public List<Remarks> RemarksList { get; set; }
    }

public class Remarks
{
    public int Id { get; set; }
    public string Parameter { get; set; } 
    public string Comments { get; set; } 
}

Answer 1

i put your code in my test project, and i get correct data. actually RemarksList is not null and works fine!!

Result.

Answer 2

first convert data in string using JSON.stringify

$.ajax({
                url: url,
                type: 'POST',
                dataType: 'application/json',
                data: JSON.stringify(data),
                success: function (data) {

                }
            });

then change controller code from following

        [HttpPost]
        public ActionResult Save(string model)
        {
           JavaScriptSerializer json_serializer = new JavaScriptSerializer();
           Model routes_list =(Model)json_serializer.DeserializeObject(model);
           return View();
        }