0

To fazendo uma requisição POST na minha API pelo meu projeto angular e só vem vazio o resultado, sendo que pelo postman vem os dados correto.

service.ts :

teste(user) {    

    return this.http.post(`api/home`, user)
  }

teste.component.ts:

ok(user){           
    this.loginServ.teste(user)
      .subscribe(data => {
        let retorno = (data as any)
        console.log(retorno);
      })
  }

Retorno só vem vazio e eu não consigo entender o pq disso. Alguém pode ajudar?

2
  • porque não usar o .then() ao invés do .subscribe()?
    – Paz
    Commented 14/12/2018 às 19:17
  • continua com o problema usando o .then()
    – Maria
    Commented 14/12/2018 às 19:24

2 Respostas 2

1

Acredito que você está retornando uma Promise, então deve ser usado o método .then() na requisição, o método .subscribe() é para Observables.

Service

function teste(user) {    

return this.http.post(`api/home`, user);

}

Para Promises

ok(user){           
    this.loginServ.teste(user)
      .then(success);

    function success(response){
        console.log(response);
    }
}

Para Observables

ok(user){           
    this.loginServ.teste(user)
      .subscribe(data => {
       console.log(data);
      });
  }

Promises vs Observables

Promises - Promises lidam com eventos sigulares quando uma operação assíncrona tem sucesso ou falha.

Observable - Um Observable é como uma Stream e permite passar 0 ou mais eventos quando o response é retornado e também chamar funções ou callbacks para esses eventos.

10
  • nao funciona. 'cannot name success'
    – Maria
    Commented 14/12/2018 às 19:28
  • @Maria editado.
    – Paz
    Commented 14/12/2018 às 19:30
  • continua dando erro. 'Property 'then' does not exist on type 'Observable<Object>'
    – Maria
    Commented 14/12/2018 às 19:37
  • perfeito, se trata de um Observable então, vou fazer uma edição e te menciono novamente no comentário. Da próxima vez que for perguntar tente fornecer mais código ou mais contexto para a pergunta, pois assim fica mais difícil ajudar e isso só faz demorar mais pra te ajudarmos a resolver seu problema. ;)
    – Paz
    Commented 14/12/2018 às 19:42
  • Ah, sim. tendi. obrigada mesmo
    – Maria
    Commented 14/12/2018 às 19:43
1

no lugar de:

teste(user) {    

    return this.http.post(`api/home`, user)
  }

Resolvi assim:

teste(user) {    

    return this.http.post(`api/home`,  {user:user})
  }
1
  • 1
    depois de mil tentativas, acaba que o problema é resolvido com uma solução simples como essa, muito bom +1
    – Paz
    Commented 17/12/2018 às 18:56

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .