快速收集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);

快速收集form表单元素的值-----serialize函数_第1张图片

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

  • 参数1:要获取哪个表单的数据
  • 表单元素设置name属性,值会作为对象的属性名
  • 建议name属性的值最好和接口文档参数名一致
  • 参数2:配置对象
  • hash 设置获取数据的结构
  • -true:js对象(推荐)一般请求体里提交给服务器 {username: ‘123’, password: ‘’}
  • -false:查询字符串 username=123&password=
  • empty 设置是否获取空值
  • -true:获取空值(推荐) 数据结构和标签结构一致
  • -false:不获取空值

你可能感兴趣的:(js,前端,javascript,html)