1
resposta

[Dúvida] O que são esses outros parametros dentro do fetch?

Eu não entendi muito bem o que é esses outro parâmetro dentro do fetch, para que ele serve? Eu só entendi que aquele objeto é onde vamos colocar as informações sobre o video novo que o usuario vai inserir futuramente.

const conexao = await fetch("http://localhost:3000/videos", {
        method: "POST", // o metodo agora é post
        headers: {
            "Content-type": "application/json" // serve para especificar o tipo de arquivo que esta sento enviado/recebido
        },
        body: JSON.stringify({
            titulo: titulo,
            descricao: `${descricao} mil visualizações`,
            url: url,
            imagem: imagem
        })
*     })
1 resposta

Olá, Thaynara! Entendo que a estrutura do fetch pode parecer um pouco complexa à primeira vista, mas vamos esclarecer isso juntas.

O método fetch recebe dois parâmetros: o primeiro é a URL para onde você está enviando a requisição, e o segundo é um objeto que contém as configurações dessa requisição.

No código que você compartilhou, o segundo parâmetro do fetch está configurando uma requisição do tipo POST. Vamos entender cada parte dele:

  • method: "POST": Aqui estamos especificando que o tipo da requisição é POST. Ou seja, estamos enviando dados para o servidor.
  • headers: {"Content-type": "application/json"}: Os headers são usados para passar informações adicionais sobre a requisição. Nesse caso, estamos informando ao servidor que o tipo de conteúdo que estamos enviando é um JSON.
  • body: JSON.stringify({...}): O body é onde colocamos os dados que queremos enviar. No caso, estamos enviando um objeto com informações sobre um vídeo. Usamos o método JSON.stringify para converter esse objeto em uma string no formato JSON, que é o formato que o servidor espera receber.

Portanto, o segundo parâmetro do fetch é onde configuramos como a requisição será feita e quais dados serão enviados.

Espero ter ajudado e bons estudos!

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓. Bons Estudos!