$.post array of data

Question

I'm trying to post some array of data to controller.. My view is like:

<script>
   $.post("/",{
       person: [
           { id: 1, name: "a" },
           { id: 2, name: "b" }
       ]
   });
</script>

and in my controller:

[HttpPost]
public ActionResult Index(List<Person> person)
{
    //something
}

When I inspect the sent http data, I see that data is:

person[0][id]
person[0][name]
person[1][id]
person[1][name]

but the correct for default model binder is:

person[0].id
person[0].name
person[1].id
person[1].name

How can I fix it?

try JSON.stringify({person:[....]}) in $.post()

prashanth
– prashanth

2012-10-11 19:53:06 +00:00
Commented Oct 11, 2012 at 19:53 — prashanth
– prashanth, Commented Oct 11, 2012 at 19:53
@prashanth Doing this person is null.

MuriloKunze
– MuriloKunze

2012-10-11 19:57:16 +00:00
Commented Oct 11, 2012 at 19:57 — MuriloKunze
– MuriloKunze, Commented Oct 11, 2012 at 19:57

nemesv · Accepted Answer · 2012-10-11 20:01:02Z

1

You cannot do it with $.post you need use $.ajax because you need to set the contentType to 'application/json' to make the mobel binder happy what you cannot do with $.post

$.ajax({
        url: '/',
        type: 'POST',
        data: JSON.stringify({
            person: [
                { id: 1, name: "a" },
                { id: 2, name: "b" }
            ]
        }),
        contentType: 'application/json'
    });

And you also need to JSON.stringify your data to make it work with the modelbinder.

answered Oct 11, 2012 at 20:01

nemesv

140k16 gold badges424 silver badges364 bronze badges

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

Collectives™ on Stack Overflow

$.post array of data

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related