1. 首页
  2. 编程语言
  3. Javascript
  4. 原生js实现form表单序列化的方法

原生js实现form表单序列化的方法

上传者: 2021-10-18 17:41:58上传 PDF文件 59.65 KB 热度 20次

当我们有form表单而且里面的表单元素较多时,咱们总不能一个个去获取表单元素内的值来进行拼接吧!为了方便与后台交互并且提高自己的开发效率,并且不让你蛋疼;我们一起用原生来写一个表单序列化方法:格式:var data = $.serialize();功能:将表单内容序列化成一个字符串。这样在ajax提交表单数据时,就不用一一列举出每一个参数。只需将data参数设置为 $.serialize() 即可。比如,[{"name":"lihui", "age":"20"},{...}] 获取数据为 jsonData[0].name;首先我们列明步骤:1)先获取form表单使用ById或者是forms;2)获取后通过elements 取到表单中所有元素的数组;3)之后进行遍历判断类型实现序列化对象;代码如下:

下载地址
用户评论