form-serialize插件的使用

form-serialize插件是一款帮助前端快速收集表单元素内容的插件，具体使用方法如下：

1.下载和引入

https://www.npmjs.com/package/form-serialize

npm install form-serialize

上述是官网下载和npm下载两种方法

下载后将js放入项目中，并在html中引入js文件，<script src="./js/form-serialize.js"></script>

2.使用步骤

获取表单元素,然后将数据存在data对象中，第一个参数传对应的表单，第二个参数传一些可选的配置，一般就用hash（true为Json方式，false为formdata格式）和empty（true为传空值，false为不传空值）

const form = document.querySelector('.info-form')

const data = serialize(form,{hash:true,empty:true})

3.接下来你就拿到了data对象，注意，里面的键名是以表单元素的name属性命名，如下例子

你会得到一个data：{mobile：138888888888}，其他同理

<input type="text" class="form-control" name="mobile" placeholder="请输入手机号" value="13888888888">

因此，建议大家在用form-serialize插件时，提前设置表单name属性与后端的给的接口文档一致，这样可以提高效率，节约时间。