✍️ Mão na massa - Patch
https://jsonplaceholder.typicode.com/
🎾 Exercícios sobre PATCH com fetch
O que significa o método HTTP PATCH e quando você deve usá-lo em uma requisição?
Por que o PATCH permite enviar apenas os campos que você deseja atualizar, diferente do PUT?
Explique por que precisamos definir o cabeçalho
'Content-Type': 'application/json'
ao enviar dados via PATCH.Qual é a função do
JSON.stringify()
no corpo da requisição? O que aconteceria se você não usasse ele?No código usando fetch para PATCH, o que a função
.then(response => response.json())
está fazendo?Explique o que acontece dentro do bloco
.catch()
e por que é importante usá-lo nas requisições PATCH.Como você faria para atualizar parcialmente o email e o telefone de um usuário usando fetch e PATCH? Escreva o código.
Por que a versão com async/await pode ser considerada mais fácil de ler que a versão com
.then()
para requisições PATCH?Se o servidor responder com um erro (exemplo: 404 ou 500), o
.catch()
do fetch será executado? Explique.Crie uma função em JavaScript usando fetch e async/await que faz uma atualização parcial (PATCH) para uma API qualquer e retorna os dados recebidos.
🎃 Exercícios práticos sobre PATCH
Faça uma requisição PATCH para
https://jsonplaceholder.typicode.com/users/3
atualizando o camponame
para “Alice Martins”. Mostre no console o resultado.Atualize o campo
phone
do usuário com ID 5 para “(11) 99999-8888” via PATCH e trate erros com try/catch usando async/await.Crie uma função chamada
updateUserPartial
que recebe o ID do usuário e um objeto com os campos a atualizar, e envia a requisição PATCH para a API, retornando os dados da resposta.Use a função
updateUserPartial
para alterar o campoemail
do usuário 10 para “contato@empresa.com” e imprima o resultado.Atualize a cidade (
address.city
) do usuário 7 para “Curitiba” usando PATCH, e exiba a resposta no console.Atualize parcialmente o título da postagem 4 para “Meu novo título favorito” com fetch PATCH.
Faça uma atualização parcial no campo
completed
da tarefa 8 paratrue
e trate erros apropriadamente.Modifique o nome de usuário (
username
) do usuário 2 para “novo_usuario_22” usando PATCH.Atualize parcialmente o corpo da postagem 6 para “Conteúdo atualizado da postagem”.
Atualize o título do álbum 5 para “Álbum favorito atualizado” e mostre o resultado no console.
Last updated