ajax 发送复杂数据类型,如何通过Ajax POST将数据绑定到Action方法的两个复杂类型参数...

So far I have never had the need to send data from ajax to two or more complex type parameters in the server method.

What I am trying to achieve is if I had this action on my controller:

[HttpPost]

[Authorize]

public virtual ActionResult SubmitData(Person myPerson, Chair myChair)

{

//..

}

where Person and Chair are complex types, I want to be able to send data from ajax that is going to bind properly to myPerson and myChair. Something like this:

var personData = { 'Name': Steve, 'Age': 35};

var chairData = {'NumberOfLegs' : 3, 'Color' : red};

$.ajax({

type: "POST",

contentType: "application/json; charset=utf-8",

dataType: "json",

url: myUrl,

data: {'myPerson':personData, 'myChair':chairData}

});

I tried so, but it just wont work. Can you help me with that? The call goes to the action but with null values for both arguments.

Talk1:

remove quotes from myPerson and myChair

Talk2:

it doesn't work. I get "Invalid JSON primitive" error.

Solutions1

I have modified the ajax call to use JSON.stringify the parameters works well now.

var personData = { 'Name': Steve, 'Age': 35};

var chairData = {'NumberOfLegs' : 3, 'Color' : red};

$.ajax({

type: "POST",

contentType: "application/json; charset=utf-8",

dataType: "json",

url: myUrl,

data: JSON.stringify({'myPerson':personData, 'myChair':chairData})

});

Talk1:

It sends the data but no values are available on the server side