FormData对象的作用及用法

阅读数:77 评论数:0

跳转到新版页面

分类

html/css/js

正文

一、概述

formData是ajax2.0(XMLHttpRequest Level2)新提出的接口,利用FormData对象可以将form表单元素的name与value进行组合,实现表单数据的序列化

二、使用

var formData = new FormData();  // 空的实例对象
// FormData() 实例的创建
// new FormData ( HTMLFormElement: ele)

在使用 FormData 构造函数创建实例对象的时候，可以传递一个HTML表单元素，元素允许是任何形式的表单控件，包括文件输入框、复选框等。

1、主要方法

has 返回一个布尔值表明 FormData 对象是否包含某些键
get 返回在 FormData 对象中与给定键关联的第一个值
getAll 返回一个包含 FormData 对象中与给定键关联的所有值的数组
append 向FormData 中添加新的属性值
set 与 append() 的区别是，如果指定的键已经存在，set() 会使用新值覆盖已有的值，而 append() 会把新值添加到已有值集合的后面。
delete 从FormData对象里面删除一个键值对
keys 返回一个包含所有键的iterator对象
values 返回一个包含所有值的iterator对象。
forEach 遍历FormData 对象
entries 返回一个包含所有键值对的iterator对象

2、当使用select option时，当option的label和value不同时，需要特殊处理一下

 

相关推荐