Básico
Headers, Query Params e Request Body
Onde colocar cada informação na requisição: URL, cabeçalhos ou corpo JSON.
As 3 partes de uma requisição de API
- Query Params (
?chave=valor): vão no final da URL e servem para filtros, busca e paginação em requisiçõesGET(ex.:https://pokeapi.co/api/v2/pokemon?limit=10&offset=0). - Headers (Cabeçalhos): carregam metadados da requisição:
Accept: application/jsonavisa à API que você quer receber JSON de volta (muito importante no Laravel para erros 422 virem em JSON e não em HTML!).Content-Type: application/jsonavisa que o corpo enviado está em JSON.Authorization: Bearer ...envia o token de autenticação (em APIs privadas; APIs públicas como a PokéAPI não exigem token noGET).
- Body (Corpo): carrega o payload JSON em requisições
POST,PUTePATCH.
Exemplo Prático
javascript
const url = new URL('https://pokeapi.co/api/v2/pokemon');
url.searchParams.set('limit', '10');
url.searchParams.set('offset', '0');
const res = await fetch(url, {
headers: { Accept: 'application/json' }
});