DEV Community

Guilherme Siquinelli
Guilherme Siquinelli

Posted on

HTML FormData para JSON

É possível converter os dados de um formulário HTML para JSON de forma muito prática.

  1. Primeiro selecionamos nosso elemento form
  2. Então criamos uma instância de FormData usando nosso form
  3. Então podemos usando Object.fromEntries usando o método entries da instância FormData
const form = document.querySelector('form')
const data = new FormData(form)
const values = Object.fromEntries(data.entries())
console.log(values)
Enter fullscreen mode Exit fullscreen mode

Desta forma temos todos elementos do formulário mapeados num objeto JSON, como esperado.

Espero ter ajudado, valeeeeu
[]s

Discussion (1)