Http FETCH

Bom dia Lucas, tudo certo?

Na programação em geral temos muitos termos parecidos que são usados com significados diferentes e é super comum fazermos a troca desses sentidos.

No desenvolvimento web e em APIs, nós temos os métodos de requisição HTTP: que são convenções de nomes e recursos que devem ser enviados e retornados para determinados tipos de informação (tipicamente páginas web, mas não apenas se limitando à isso). Você pode ver mais informações e quais são esses métodos na documentação da Mozilla.

Já no JavaScript nos navegadores, nós temos a função global fetch(), também chamada de método fetch(). Esse método nos permite fazer requisições HTTP e acessar um outro recurso. Note que a palavra FETCH não é um método HTTP padrão. Vou deixar um exemplo de chamada deste método aqui:

<script>

let parametros = {
    method: "GET",
    headers: {
        "Content-type": "application/json"
    }
}

fetch("https://pokeapi.co/api/v2/pokemon/ditto", parametros)
    .then(resposta => resposta.json())
    .then(json => console.log(json))

</script>

Esse trecho de código faz uma requisição à uma API utilizando o método HTTP GET e mostra no console as informações sobre um Pokémon chamado Ditto utilizando o método fetch(url, parametros).

Caso queira, você pode saber mais sobre esse método também na documentação do MDN, e também recomendo o curso JS na web: CRUD com JavaScript assíncrono e o vídeo do Alura+ JavaScript assíncrono e Fetch.

Espero ter ajudado e bons estudos!