Código JavaScript para Obter Dados do Formulário Automaticamente e Enviar via HTTP/Webhook - Bruno Devx - BR Criativus

post #6203

Código JavaScript para Obter Dados do Formulário Automaticamente e Enviar via HTTP/Webhook

Publicado em: 01/05/2025 / Atualizado em: 03/05/2025

Categorias: BlogAPIJavaScript (JS)JSWebhook

Esse código em javascript permite obter qualquer campo dentro de um formulário <form> e enviar para qualquer URL (API, Webhook, automação) de forma simples e automática. Segue código abaixo:

<script>
  document.getElementById('meuFormulario').addEventListener('submit', async function (event) {
    event.preventDefault(); 

    const form = event.target;
    const formData = new FormData(form);
    const dados = Object.fromEntries(formData.entries());

    try {
      const resposta = await fetch('{{URL_WEBHOOK}}', {
        method: 'POST',
        headers: {
          'Content-Type': 'application/json'
        },
        body: JSON.stringify(dados)
      });

      if (!resposta.ok) {
        throw new Error('Erro ao enviar dados para a API');
      }

      window.location.href = '{{PAGINA_DE_SUCESSO}}';
    } catch (erro) {
      console.error('Erro:', erro);
      alert('Ocorreu um erro ao enviar seus dados. Tente novamente.');
    }
  });
</script>

Publicações recomendadas:


Link Direto

Compartilhe esse conteudo nas redes sociais ou por mensagem usando o link direto abaixo. Basta copiar.

bruno.art.br/?p=6203

ID de Referência: 6203

Sugira uma publicação

Envie uma mensagem e sugira um publicação sobre um assunto que tenha dificuldades de resolver.

Clique aqui e entre em contato