👋

Javascriptでフォームデータを一番楽に取得する方法

2022/01/18に公開

そのままコード貼ります。

function formHandler(e) {
  e.preventDefault();
  
  // 普段は👇している取っている場合が多かったですが。
  const email = e.target.email.value;
  const password = e.target.password.value; 

  // ものが増えた時に👇のやり方をあると知りました。
 const formData = new FormData(e.target);
  const data = Object.fromEntries(formData.entries());
  
  //結果:
  // {
  //   email: "a@a.com"
  //   password: "a"
  // }
  
}

注意:JSONデータのキーはformのname属性をベースになります。

Discussion