FormData的介绍(一)

简介: 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 将不能够获取表单的值

相关文章
|
7月前
|
JavaScript 前端开发
jquery中有.post,.get,$.getJSON为什么没postJSON
jquery中有.post,.get,$.getJSON为什么没postJSON
|
JavaScript
js 使用fetch来上传文件 formdata()
js 使用fetch来上传文件 formdata()
|
4天前
|
存储 JSON 前端开发
json.stringify()详解
json.stringify()详解
10 0
|
7月前
|
存储 JSON 缓存
json.stringify()的使用
json.stringify()的使用
|
JavaScript API
js:object转FormData提交数据
js:object转FormData提交数据
102 0
|
存储 JavaScript
表单FormData的使用
通过append(key, value)来添加数据,如果指定的key不存在则会新增一条数据,如果key存在,则添加到数据的末尾
|
存储 JSON JavaScript
JSON.stringify的使用
项目中遇到一个 bug,一个组件为了保留一份 JSON 对象,使用 JSON.stringify 将其转换成字符串,这样做当然是为了避免对象是引用类型造成数据源的污染。
|
存储 JSON JavaScript
Ajax&Fetch学习笔记 04、FormData使用
Ajax&Fetch学习笔记 04、FormData使用
Ajax&Fetch学习笔记 04、FormData使用
|
存储 JSON 前端开发
深入理解JSON.stringify()
深入理解JSON.stringify()
深入理解JSON.stringify()
|
存储 JSON JavaScript
强大的JSON.stringify,你会使用吗?
强大的JSON.stringify,你会使用吗?
329 0
强大的JSON.stringify,你会使用吗?