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

相关文章
|
JavaScript 前端开发
jquery中有.post,.get,$.getJSON为什么没postJSON
jquery中有.post,.get,$.getJSON为什么没postJSON
|
JavaScript
js 使用fetch来上传文件 formdata()
js 使用fetch来上传文件 formdata()
|
4月前
OpenFeign FormData
OpenFeign FormData
33 0
|
5月前
|
前端开发 JavaScript API
使用$.ajax实现异步请求
使用$.ajax实现异步请求
|
JavaScript 前端开发
nodejs使用axios以formdata形式上传图片
nodejs使用axios以formdata形式上传图片
formData上传文件时同时上传其他参数值
formData上传文件时同时上传其他参数值
149 1
|
JavaScript API
js:object转FormData提交数据
js:object转FormData提交数据
169 0
|
JSON JavaScript 前端开发
element的Form表单就应该这样用
我们希望把表格的内容,验证规则,甚至于表单的样式,格式都能更规则化,配置化,这样后续我们可以通过构造json去实现一个表单,甚至可用实现拖拽式的构造表单。
126 0
element的Form表单就应该这样用
|
存储 JavaScript
表单FormData的使用
通过append(key, value)来添加数据,如果指定的key不存在则会新增一条数据,如果key存在,则添加到数据的末尾
|
存储 JSON JavaScript
Ajax&Fetch学习笔记 04、FormData使用
Ajax&Fetch学习笔记 04、FormData使用
Ajax&Fetch学习笔记 04、FormData使用