Quiz da Nota: Headers, Query Params e Request Body

Onde colocar cada informação na requisição: URL, cabeçalhos ou corpo JSON.

3 questões 0 de 3 respondida(s)

Questão 1 de 3

Ao enviar um objeto JSON no body de uma requisição POST, qual header informa à API que o payload está em JSON?

Content-Type: application/json Cache-Control: no-store Access-Control-Allow-Origin: *

Questão 2 de 3

Ao enviar um POST para uma API Laravel com o código abaixo, por que o servidor devolveu uma página HTML de erro/login em vez de JSON?

javascript

await fetch('/api/notas', {
  method: 'POST',
  headers: {
    'Content-Type': 'application/json'
  },
  body: JSON.stringify({ title: '' })
});

Porque faltou o header Accept: application/json para avisar o Laravel que o cliente espera resposta em JSON. Porque o método POST não suporta body no navegador. Porque JSON.stringify() converte o objeto para HTML automaticamente.

Questão 3 de 3

Compare as duas chamadas GET abaixo. Por que a Opção B é mais segura que a Opção A ao montar filtros de busca?

javascript

// Opção A
fetch(`/api/notas?busca=${texto}&tag=${tag}`);

// Opção B
const url = new URL('/api/notas', window.location.origin);
url.searchParams.set('busca', texto);
url.searchParams.set('tag', tag);
fetch(url);

A Opção B faz o encode automático de espaços e caracteres especiais (&, ?, =, acentos) na URL. A Opção B envia os dados escondidos dentro do body da requisição GET. A Opção A não funciona em requisições assíncronas com await.

Ao enviar, você verá sua pontuação e a explicação de cada questão.