Como fazer uma requisição HTTP (chamada de API) em JavaScript?

Em JavaScript, você pode fazer uma requisição HTTP (chamada de API) usando a API nativa chamada fetch(). Essa API fornece uma maneira fácil e moderna de fazer requisições assíncronas e lidar com as respostas.

Aqui está um exemplo básico de como fazer uma requisição GET usando o fetch():

fetch('https://api.exemplo.com/dados')
  .then(response => response.json())
  .then(data => {
    console.log(data);
  })
  .catch(error => {
    console.log('Ocorreu um erro:', error);
  });

Nesse exemplo, usamos o fetch() para enviar uma requisição GET para o URL “https://api.exemplo.com/dados”. O método fetch() retorna uma Promise que é resolvida com um objeto Response.

Usamos .then() para tratar a resposta da Promise e acessar os dados retornados. No exemplo, usamos o método .json() para extrair os dados da resposta como JSON. Em seguida, exibimos os dados no console.

Se ocorrer um erro durante a requisição, o bloco .catch() será acionado e podemos lidar com o erro.

É importante notar que o fetch() pode ser usado para outros tipos de requisições, como POST, PUT ou DELETE. Para esses casos, você precisa fornecer opções adicionais no segundo argumento do fetch(), como método, corpo da requisição, cabeçalhos, etc.

Além do fetch(), também existem outras bibliotecas populares em JavaScript, como o Axios e o jQuery, que fornecem funcionalidades adicionais e uma sintaxe simplificada para fazer requisições HTTP.