Fetch API: Lendo dados de uma API com JavaScript

Podemos ler dados de uma API com JavaScript usando o comando fetch(). Observe:

const json = fetch('https://jsonplaceholder.typicode.com/posts')
  .then(resposta => resposta.json())

json.then(dados=>{
  console.log(dados)
})

Observe o resultado:

Caso você queira visualizar o resultado como um arquivo de texto, substitua json() por text().

const texto = fetch('https://jsonplaceholder.typicode.com/posts')
  .then(resposta => resposta.text())

texto.then(dados=>{
  console.log(dados)
})

Observe o resultado:

POST

O exemplo acima funciona para uma requisição do tipo GET. Entretanto, para realizar um consumo de API por meio do método HTTP POST é necessário informar parâmetros complementares na requisição com fetch(). Na prática, o comando ficará da seguinte forma:

fetch(url, config)

sendo que config corresponde a um objeto no formato JSON com os parâmetros de configuração. Observe um exemplo prático:

const url = "..."  // endereço público da API

const parametros = {
  "inicio": 0,
  "fim": 50,
  "limite": 50
}

const config = {
  method: "POST",
  headers: {"Content-type": "application/json; charset=UTF-8"},
  body: JSON.stringify(parametros),
}

const dados = fetch(url, config)
  .then(response => response.json());

dados.then(dado => {
  console.log(dado);
});