MVC Core Action not binding from angularjs POST

Question

I'm having a problem by where I am posting an object to an MVC Core controller from a simple angularjs page.

The object at my MVC action is not binding although the object itself isn't null which is the usual problem with this.

Can anyone see what I am doing wrong?

This is my angular service code:

this.getQuote = function (priceRequest) {
    return $http.post('/quote/getcost', { priceRequest });
};

which is called by:

quoteService.getQuote(this.quoteData).then(function (cost) {
    $scope.quoteData.quoteCost = cost.data;
});

where this.quoteData is:

$scope.quoteData = {
                detailLevel: '0',
                fileLengthHours: 0,
                fileLengthMinutes: 1,
                excessiveSpeakersCount: 1,
                industry: null,
                deliveryTime: '1',
                additionalInformation: '',
                quoteCost: null
            };

This is the payload

and this is the POST:

Finally my C# MVC Core action:

[HttpPost]
public JsonResult GetCost([FromBody]PriceRequest priceRequest)
{
    var price = _priceCalculator.GetPrice(priceRequest);

    return new JsonResult(price);
}

Although the object posted in is not null, none of the values have been bound:

This is the PriceRequest object:

public class PriceRequest
{
    public JobDetailLevel DetailLevel { get; set; }

    public int FileLengthHours { get; set; }

    public int FileLengthMinutes { get; set; }

    public int? ExcessiveSpeakersCount { get; set; }

    public JobIndustry Industry { get; set; }

    public JobDeliveryTime DeliveryTime { get; set; }

    public string AdditionalInformation { get; set; }        
}

Can anyone see what I am doing wrong?

Just added to the question Brad. Anything that isn't a string or int is an enum — Simon
– Simon, Commented Apr 4, 2017 at 14:30
Your screen shot of the "POST" is missing the body. What does the body look like? — Liam
– Liam, Commented Apr 4, 2017 at 14:34
priceRequest{DetailLevel: "0"... looks wrong, I'd expect something more like priceRequest{DetailLevel:{...etc}} basically your json doesn't seem correct — Liam
– Liam, Commented Apr 4, 2017 at 14:36

Community · Accepted Answer · 2017-05-23 10:30:52Z

1

Ok so courtesy of this post: Asp.net core MVC post parameter always null

I needed to add this to my startup.cs:

.AddJsonOptions(jsonOptions =>
{
  jsonOptions.SerializerSettings.NullValueHandling = Newtonsoft.Json.NullValueHandling.Ignore;
});

Thanks to those who tried to help.

edited May 23, 2017 at 10:30

CommunityBot

11 silver badge

answered Apr 4, 2017 at 14:50

Simon

2,1265 gold badges22 silver badges36 bronze badges

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

Comments

brad · Accepted Answer · 2017-04-04 14:37:13Z

0

Try removing the { } from around the priceRequest variable on the angular side.

Like:

return $http.post('/quote/getcost', priceRequest);

answered Apr 4, 2017 at 14:37

brad

5695 silver badges5 bronze badges

2 Comments

Simon Over a year ago

My object at the server side becomes null doing this

brad Over a year ago

It can't "become null". You're passing in a json object as a parameter to this function: this.getQuote = function (priceRequest) { } By wrapping priceRequest with { } you're wrapping your json object in another object so it isn't binding the body on the server side

Collectives™ on Stack Overflow

MVC Core Action not binding from angularjs POST

2 Answers 2

Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related