Posting javascript array of objects to MVC4 controller

Question

This is my controller action:

public ActionResult BrowsePartial(IList<SearchParam> searchParams = null)
{
   //...
}

This is the object model:

public class SearchParam
{
    public string Order { get; set; }
    public string Type { get; set; }
    public string Value { get; set; }
}

And here is how i send data to controller:

$.ajax(
{
   type: "GET",
    url: url,
    data: { searchParams: [{ Order: "fghfdhgfdgfd", Type: "sasdsa", Value: "saddsadsads" }, { Order: "fghfdhgfdgfd", Type: "sasdsa", Value: "saddsadsads" }, { Order: "fghfdhgfdgfd", Type: "sasdsa", Value: "saddsadsads" }] },
    mode: "replace",
    cache: false,
 });

Now, when i debug the action, i have an IList<SearchParam> that is correctly initialized with 3 elements. However, fields of each SearchParam object (Order, Type and Value) are initialized to null. What could be the problem here?

your data should be like: data: { Order: "lala", Type: "lala2" } so drop the searchParams and the covering array [] — Tim Vermaelen
– Tim Vermaelen, Commented May 2, 2014 at 7:20
The way you wanna do it, is send 3 ajax requests at once. So you have to deal with your array first, then send it 3 times. — Tim Vermaelen
– Tim Vermaelen, Commented May 2, 2014 at 7:23

Jefraim · Accepted Answer · 2014-05-02 07:35:33Z

2

I think, the only way you can send your array parameter in a single request is to stringify it, and deserialize in your controller.

$.ajax(
{
   type: "GET",
    url: url,
    data: { searchParams: JSON.stringify([{ Order: "fghfdhgfdgfd", Type: "sasdsa", Value: "saddsadsads" }, { Order: "fghfdhgfdgfd", Type: "sasdsa", Value: "saddsadsads" }, { Order: "fghfdhgfdgfd", Type: "sasdsa", Value: "saddsadsads" }])},
    mode: "replace",
    cache: false,
 });


public ActionResult BrowsePartial(string searchParams = null)
{
    SearchParam params = JsonConvert.DeserializeObject<SearchParam>(searchParams);
}

But I maybe mistaken ;)

answered May 2, 2014 at 7:35

Jefraim

1939 bronze badges

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

Collectives™ on Stack Overflow

Posting javascript array of objects to MVC4 controller

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related