H5 FormData对象的作用及用法
来源:互联网 发布:app读书软件排行 编辑:程序博客网 时间:2024/06/15 21:24
H5 FormData对象就模拟一个原始的表单格式的数据,以前上传文件非得要用个form包起来,就是和后台约定的一个传输数据格式,
FormData就是按照规定的格式,把form中所有表单元素的name与value组装成一个queryString,省去你手工拼接的工作,如果用
过jquery的话,应该知道有个表单序列号的函数,作用和它是一样的,不过FormData还提供了更多的操作方法,全部在原型中,
自己本身没任何的属性及方法。
demo:
<form enctype="multipart/form-data" id="user_info">
<input id="uname" name="uname">
<input id="age" name="age">
<input id="sex" name="sex">
<input type="file" id="photo" name="photo">
</form>
<script>
var formdata = new FormData(user_info) //实例FormData对象,传入form表单id,不传就是实例一个空对象
formdata.append("height","27") //调用append方法可以接着追加数据,参数两个,键值对形式,相当于手工拼接
var age= formdata.get("age") //调用get()方法可以获取数据
formdata.delete("sex") //调用delete方法可以删除数据
还有has(),getAll(),forEach()方法。
$.ajax({
url: 'views/home/save.php',
type: 'POST',
data: formdata, // 上传formdata封装的数据
dataType: 'JSON',
cache: false, // 不缓存
processData: false, // 告诉jQuery不要去处理发送的数据
contentType: false, // 告诉jQuery不要去设置Content-Type请求头
success:function (txt) { //成功回调
console.log(txt);
}
});
</script>
- H5 FormData对象的作用及用法
- H5用FormData对象提交表单及上传文件
- 使用H5的formData对象实现文件的异步上传
- 简单实用H5的FormData对象上传文件
- H5的FormData对象完成ajax上传文件multiFile
- 原型对象的作用及原型对象的用法
- FormData 对象的使用
- FormData 对象的使用
- FormData 对象的使用
- FormData 对象的使用
- FormData表单数据对象(h5)快速收集表单信息(注册登录时使用的)
- Java 对象比较器 comparator 的作用及用法
- 浅谈HTML5的FormData对象
- H5,API的pushState(),replaceState()和popstate()作用,用法
- formdata用法
- H5新标签及作用
- formData对象
- FormData对象
- Oracle排序取第一条
- 3346--数据结构实验之二叉树五:层序遍历
- malloc、calloc、realloc的区别
- Lua 为什么在游戏编程领域被广泛运用?
- js 模拟get获取数据
- H5 FormData对象的作用及用法
- Oracle 分区索引
- equals和==理解
- 欢迎使用CSDN-markdown编辑器
- kindeditor上传目录不存在问题解决方法
- Android视频录制命令screenrecord
- POJ
- numpy入门——创建一维数组
- Ubuntu 14.10 创建文件夹