Requisições HTTP apenas com ES6

GET

  • Passe a rota para a função fetch()
  • Transforme a response em json
  • Proft!
GET
Requisição GET simples

POST

  • Aqui a diferença é que você terá que passar um objeto junto com a rota
  • O objeto deve conter o tipo do método, as headers e o body
  • Converta o conteúdo do body em string com o JSON.stringify()
  • Transforme a response para json como anteriormente
  • Proft!
POST
Requisição POST simples

PUT

  • Passe seu endpoint como primeiro parâmetro
  • Defina o método como ‘PUT’
  • Passe os dados no body de maneira que satisfaça as condições do endpoint, não esqueça de utilizar JSON.stringfy() caso seja um objeto
  • Proft!
PUT
Requisição PUT simples

DELETE

Há duas formas de se fazer uma requisição do tipo DELETE, na verdade tudo depende do seu endpoint, você pode simplesmente passar o identificador na url, como também pode ter que passar este identificador no body da sua requisição.

  • Passe seu endpoint como primeiro parâmetro
  • Defina o método como ‘DELETE’
  • Prof!
DELETE_1.PNG
Requisição DELETE simples, exemplo 1.

 

  • Passe seu endpoint como primeiro parâmetro
  • Defina o método como ‘DELETE’
  • Passe os dados no body de maneira que satisfaça as condições do endpoint, não esqueça de utilizar JSON.stringfy() caso seja um objeto
  • Prof!
DELETE_2
Requisição DELETE simples, exemplo 2.

Deixe um comentário