binding a list of objects from Javascript to model in ASP.NET MVC2 Controller

Question

I have the following JSON that was obtained after calling JSON.stringify from my javascript

{"parameters":"[{\"ParamName\":\"@s\",\"ParamValue\":\"12\"},{\"ParamName\":\"@t\",\"ParamValue\":\"21\"}]"}

How do i map this to the following model in my ASP.Net MVC2 controller

public class SCVM
{
    public string content { get; set; }
    public string type { get; set; }
    public List<Parameters> parameters { get; set; }

    public SCVM()
    {
        parameters = new List<Parameters>();
    }
}

public class Parameters
{
    public string ParamName { get; set; }
    public string ParamValue { get; set; }
}

I am trying to get this in either a dictionary format or a list objects, but finding difficult to work it out the right way.

there is something wrong with your json. your parameters aren't stored as seperate objects but as a string. paste your javascript code aswell. — albertjan
– albertjan, Commented Dec 21, 2011 at 8:15
this is the content that i copied from the developer tool of chrome. The JS that i use is : JSON.stringify(parametersCollection)', var parametersCollection = [];` and this parametersCollection is an array of the following object function QueryParameters(paramName, paramValue) { this.ParamName = paramName; this.ParamValue = paramValue; } — Saravanan
– Saravanan, Commented Dec 21, 2011 at 9:02

albertjan · Accepted Answer · 2011-12-21 09:36:34Z

1

If your json would look like this: it probably should. (see my comment on your question)

{
    "parameters":[
        {
            "ParamName":"@s",
            "ParamValue":"12"
        },
        {
            "ParamName":"@t",
            "ParamValue":"21"
        }
    ]
}

with this piece of javascript you'll create the correct json:

var parametersCollection = {
    parameters: []
}; 

function QueryParameters(paramName, paramValue) { this.ParamName = paramName;     this.ParamValue = paramValue; }

parametersCollection.parameters.push(new QueryParameters("@s", "12"));
parametersCollection.parameters.push(new QueryParameters("@t", "21"));

var json = JSON.stringify(parametersCollection);

you could deserialize is with Json.NET see here like so:

SCVM scvm = JsonConvert.DeserializeObject<SCVM>(json);

where json is a string with the json formatted like I showed

Here is an excellent tutorial on how to post json data to an MVC2 site using jquery. You wouldn't even have to use the Json.NET lib to deserialize your json.

edited Dec 21, 2011 at 9:36

answered Dec 21, 2011 at 8:37

albertjan

7,8376 gold badges47 silver badges78 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Saravanan Over a year ago

My JSON is similar to what you have given. And, how do i get the json in the above line to the controller.

Saravanan Over a year ago

Also is there no built-in mechanism to get this data in the correct format to the controller (built-in model binding)?

Saravanan Over a year ago

The use of JSON.stringify alongwith the json2.js solved the problem.

Collectives™ on Stack Overflow

binding a list of objects from Javascript to model in ASP.NET MVC2 Controller

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related