没有合适的资源?快使用搜索试试~ 我知道了~
JavaScript程序设计-FormData对象的使用.pdf
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 8 浏览量
2022-11-02
10:59:55
上传
评论
收藏 498KB PDF 举报
温馨提示
试读
6页
JavaScript程序设计
资源推荐
资源详情
资源评论
FormData对象的使用
一、概述
FormData类型是XMLHttpRequest2级定义的,它是为序列化表以及创建与表单格式相同的数据提
供便利。
FormData对象用以将数据编译成键值对,以便用XMLHttpRequest来发送数据。其主要用于发送表
单数据,但亦可用于发送带键数据(keyeddata),而独立于表单使用。如果表单enctype属性设为
multipart/form-data,则会使用表单的submit()方法来发送数据,从而,发送数据具有同样形式。
作用:1.利用一些键值对来模拟一系列表单控件:即将form中的所有表单元素的name和value组装成
一个queryString;2.异步上传二进制文件。
与普通Ajax相比,使用FormData的最大优点:可以异步上传二进制文件。
二、使用
1.创建FormData对象方式
1).letformdata=newFormData();创建一个空的FormData对象,可以使用
formdata.append(key,value)来添加数据。
2).letformdata=newFormData(form);使用已有的表单来初始化一个FormData对象。
<formid="upload"method="post"action="">
<inputtype="text"name="username"value=""/>
<inputtype="password"name="paw"value=""/>
<inputtype="button"value="提交"/>
</form>
//
获
取
一
个
form
表
单
对
象
letform=document.getElementById("form");
//
用
这
个
表
单
对
象
来
初
始化
FormData
对
象
letformdata=newFormData(form);
//
我
们
可
以
通过
name
来
访
问
表
单
中
的
字
段
formdata.get("username");//
获
取
username
的
值
formdata.get("pwd");//
获
取
pwd
的
值
//
我
们也
可
以
添
加
数据
formdata.append("token","fegahgag54");
2.数据形式
资源评论
知识世界
- 粉丝: 356
- 资源: 1万+
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功