Angular 6 POST to WebAPI [duplicate]

Question

I'm working on a simple tutorial project using Angular 6 and ASP.NET Core WebAPI.

I'm not quite sure what i'm missing, but my POST calls don't work. To be precise, everything works in terms of communication with the web service, but the object that is passed into my controller method parameter has all its properties set to null or default value when null isn't admitted by C# types.

Here's my call in typescript:

createRequest(request: PrintRequestDto): Observable<PrintRequestDto> {
const actionUrl = this.apiBaseUrl + 'CreateRequest';

return this.http.post<PrintRequestDto>(actionUrl, JSON.stringify(request)); }

And this is my server-side C# method:

[Authorize]
[HttpPost]
[Route("CreateRequest")]
public PrintRequestDto CreateRequest(PrintRequestDto request)
{
    return _printServiceManager.CreateRequest(request);
}

I already found this question here SO Question, but adding content-type specifications in my headers is not helping. Just to let you know, I'm using the HttpInterceptor built-in into Angular to inject JWT & content type informations in all my requests' headers.

As you can see here, they look properly set:

I would also like to better understand the http features when it comes to these things, so if you have a link to some complete documentation to provide, it would be awesome.

As an aside, in ASP.NET Core you can combine the Route and HttpPost attributes (.i.e. [HttpPost("CreateRequest")]) if you prefer that. — Kirk Larkin
– Kirk Larkin, Commented Aug 23, 2018 at 13:49

Suren Srapyan · Accepted Answer · 2018-08-23 13:44:15Z

4

You need to add [FromBody] attribute on the PrintRequestDto request

[Authorize]
[HttpPost]
[Route("CreateRequest")]
public PrintRequestDto CreateRequest([FromBody]PrintRequestDto request)
{
    return _printServiceManager.CreateRequest(request);
}

edited Aug 23, 2018 at 13:44

answered Aug 23, 2018 at 13:41

Suren Srapyan

68.9k14 gold badges128 silver badges119 bronze badges

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

3 Comments

mororo Over a year ago

Working perfectly! Still don't know when to use those attributes :D Thank you! Have to wait some time but be sure i'll accept your answer

Suren Srapyan Over a year ago

Ok. Thank you too

Fred Over a year ago

learn.microsoft.com/en-us/aspnet/web-api/overview/…

Collectives™ on Stack Overflow

Angular 6 POST to WebAPI [duplicate]

1 Answer 1

3 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Linked

Related