HTTP request (POST)

Question

Hello, I’m studying Angular and to train I’m doing a small Web application, but I’m having problems with the Post:

Can anyone help me? The error message that appears in the browser is this:

Answer 1

Gustavo,

Make sure you have a valid form.value and request without Stringfy as Eduardo mentioned. Ideally, use a Game object - just as it is done in the service - and associate the value of the form with it.

export class Game{
  public nome: string;      

  public constructor(init?: Partial<Game>) {
    Object.assign(this, init);
  }
}

onSubmit(form) {
         Game game = new Game(form.value);
         this.http.post<Game>('http://localhost:5000/api/games', game, this.options)
         .subscribe(dados => Console.log(dados));
}

If the object is validated you can receive it properly in the service as follows.

[HttpPost]
public void Post([FromBody] Game game)
{
    if(game != null)
    {
       GameDAO.Insert(game.nome);
    }
}

The appropriate thing when asking a question is to insert the code snippet because it helps a lot in the answers.