获取表单数据

使用 js 获取表单数据

使用 js 提供的 FormData 来获取表单数据。

1. 获取表单 const form = document.querySelector("#myForm")
2. 创建一个 FormData 对象 let formData = new FormData(form)
3. for 循环遍历 FormData.entires() 获取所有的 key、value for(let [key, value] of formData.entires()){} . formData.entires() 每一项分别是 item[0] 和 item[1], 给它们赋值为 key 和 value。

   function getFormDataWithJs() {
     const form = document.querySelector("form");
     let formData = new FormData(form);
     let data = [] // 这里不能用 hash 存否则多选框的多个值会被覆盖掉
     for (let [key, value] of formData.entries()) {
       let item={};
       item[key] = value
       data.push(item)
     }
     return data
   }

使用 jquery 获取表单数据

function getFormDataWithJquery() {
  // $("#myForm").serialize() get a string
  return $("#myForm").serializeArray()
}

---

获取表单信息的 demo

打赏