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
|
7月前
|
JavaScript 安全 前端开发
documen.write 和 innerHTML、innerText 的区别?
documen.write 和 innerHTML、innerText 的区别?
34 0
|
JavaScript
js 使用fetch来上传文件 formdata()
js 使用fetch来上传文件 formdata()
|
1月前
|
JavaScript 前端开发
document.write和innerHTML、innerText 的区别
document.write和innerHTML、innerText 的区别
21 5
|
1月前
|
安全
document.write和innerHTML、innerText的区别?
document.write和innerHTML、innerText的区别?
|
JavaScript API
js:object转FormData提交数据
js:object转FormData提交数据
96 0
|
存储 JavaScript
表单FormData的使用
通过append(key, value)来添加数据,如果指定的key不存在则会新增一条数据,如果key存在,则添加到数据的末尾
|
XML 存储 移动开发
JavaScript中 FormData 对象详解
JavaScript中 FormData 对象详解
222 0
JavaScript中 FormData 对象详解
|
存储 JSON JavaScript
Ajax&Fetch学习笔记 04、FormData使用
Ajax&Fetch学习笔记 04、FormData使用
Ajax&Fetch学习笔记 04、FormData使用
|
前端开发 JavaScript
Ajax之FormData
Ajax之FormData
129 0

热门文章

最新文章