FormData的介绍

Posted iwishicould

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了FormData的介绍相关的知识,希望对你有一定的参考价值。

FormData对象介绍
FormData字母意思是表单数据,H5新增的一个内置对象。
可以获取任何类型的表单数据,如text radio checkbox file textarea 常用语发送ajax请求
优点:简单的代码,就可以将表单中所有的类型的数据都可以搜集到,包括文件域的内容。非常方便。
缺点:H5的新增 有IE9+以上。


使用FormData的注意点

使用post请求 并使用FormData的时候, 不能设置请求头
// xhr.setRequestHeader(); 使用formData不需要使用 设置头哦

2) 有文件域的时候,但是不用设置 enctype.

3) 搜集表单项的值 是根据表单的name值获取的,
<input type="text" name="用户名" id="username"><br/>
如果没有name 将不能够获取表单的值

以上是关于FormData的介绍的主要内容,如果未能解决你的问题,请参考以下文章

FormData对象

通过jQuery Ajax使用FormData对象上传文件

通过jQuery Ajax使用FormData对象上传文件

HTML5可预览多图片ajax上传(使用formData传递数据)

HTML5可预览多图片ajax上传(使用formData传递数据)

H5:使用formData对象模拟表单