angularjs post complex data to WebApi 2

Question

JS:

$http.post("/api/Checkout/SaveOrderOption", { OrderOption: OrderOption })

C#

[HttpPost]
public void SaveOrderOption(object OrderOption)
{
    _Logger.Trace(OrderOption.ToJSON());
}

It is really weird. If I just object, I can get the correct raw json string i post.

{"OrderOption":{"xxxx":"xxx","www":true,"yyy":true}}

but if I change the type to a specific type, it doesn't work.

The data of the object becomes default value instead of the value I post.

I tried [FromBody], it doesn't work either.

David L · Accepted Answer · 2015-07-02 21:49:08Z

1

By wrapping it in an object, you have an object within an object, which I'm guessing your type doesn't recognize. Just post the object itself, with an explicit route that expects it.

$http.post("/api/Checkout/SaveOrderOption", OrderOption)

[HttpPost]
[Route("Checkout/SaveOrderOption/{orderOption}")]
public void SaveOrderOption([FromBody]OrderOption orderOption)
{
    _Logger.Trace(orderOption.ToJSON());
}

public class OrderOption
{
    public string Xxxx { get; set; }
    public bool Www { get; set; }
    public bool Yyy { get; set; }
}

answered Jul 2, 2015 at 21:49

David L

34.1k8 gold badges70 silver badges98 bronze badges

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

5 Comments

maxisam Over a year ago

it works ! but I don't understand. I used to use WebMethod. The way I used worked fine on WebMethod. Besides, how can we post 2 objects then ?

David L Over a year ago

If you wanted to post two objects, you would create a composite object (OrderOptionWrapper) that contained two properties, OrderOption and your new object property. Hopefully that helps clarify it for you :)

maxisam Over a year ago

That is kinda a hacky way. But thanks for the help !

David L Over a year ago

Not at all. If you have multiple objects, you'd want to denote their sibling relationship, which is what that does. If they AREN'T siblings, they shouldn't be posted as part of the same call since that breaks the REST pattern. And my pleasure :)

maxisam Over a year ago

huh, this explanation does make sense.

Collectives™ on Stack Overflow

angularjs post complex data to WebApi 2

1 Answer 1

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related