快速收集form表单元素的值-----serialize函数

form-serialize–github
下载下来之后在页面引用

  <form id="form">
    <input type="text" name="username" value="123">
    <input type="text" name="password">
  </form>

    <script src="./serialize.js"></script>
    const form = document.querySelector('#form')
    const data = serialize(form, { hash: true, empty: true })
    console.log(data);

使用serialize函数,快速收集表单元素的值

• 参数1:要获取哪个表单的数据

• 表单元素设置name属性,值会作为对象的属性名
• 建议name属性的值最好和接口文档参数名一致

• 参数2:配置对象

• hash 设置获取数据的结构

• -true:js对象(推荐)一般请求体里提交给服务器 {username: ‘123’, password: ‘’}
• -false:查询字符串 username=123&password=

• empty 设置是否获取空值

• -true:获取空值(推荐) 数据结构和标签结构一致
• -false:不获取空值