通过formData对象可以组装一组用XMLHttpRequest发送请求的键/值对。它可以更灵活方便的发送表单数据,因为可以独立于表单使用。如果把表单的编码类型设置为multipart/form-data,则通过FormData传输的数据

格式和通过表单sumbit()方法传输的数据格式相同

如何创建一个FormData对象

var formData = new FormData();
formData.append("username", "XXXXX");
FormData对象的字段类型可以是Blob,File,或者是String,如果不是Bold和File,formData.append()会把它转换成字符串类型

通过HTML表单创建FormData对象

想要构造一个包含Form表单数据的FormData对象,需要在创建FormData对象时指定表单的元素。

var formData = new FormData(someFormElement);
你还可以在创建一个包含Form表单数据的FormData对象之后和发送请求之前,附加额外的数据到FormData对象里,像这样:
var formElement = document.querySelector("form");
var formData = new FormData(formElement);
var request = new XMLHttpRequest();
request.open("POST", "submitform.php");
formData.append("serialnumber", serialNumber++);
request.send(formData);

BLOB (binary large object)----二进制大对象,是一个可以存储二进制文件的容器


 


最新文章

  1. MySQL 事务
  2. C++小项目:directx11图形程序(二):systemclass
  3. 如何在 CentOS 7 用 cPanel 配置 Nginx 反向代理
  4. Scala 深入浅出实战经典 第47讲:Scala多重界定代码实战及其在Spark中的应用
  5. Yii入门,登录
  6. Ajax交互demo1
  7. QSplashScreen无法背景透明的解决办法(强制StyleSheet生效)
  8. Caused by:org.hibernate.MappingNotFoundException:resouce:com/you/model/Monkey.hbm.xml not found
  9. 产品管理开发之Git工作流和分支规范推荐
  10. 数据库 ACID
  11. 基础项目构建,引入web模块,完成一个简单的RESTful API 转载来自翟永超
  12. python中的*和**的用途
  13. etcd集群的搭建
  14. hadoop Non DFS Used是什么
  15. php 二维数组按照某个键排序
  16. HTML+JS实现网站公告信息滚动显示
  17. Eclipse的预设的Include的路径
  18. C++指针理解
  19. Pandas时间序列
  20. go语言中的接口interface

热门文章

  1. Spring 详解(三)------- SpringMVC拦截器使用
  2. android DatePicker使用
  3. 【面试 JVM】【第六篇】JVM调优
  4. 一个球,初始高度100,每次落下回弹一半高度,求第n次落下球走的距离
  5. 前端编程提高之旅(十)----表单验证插件与cookie插件
  6. 一个能自己主动搜索源文件并自己主动推导的Makefile
  7. Linux/UNIX之文件和文件夹(2)
  8. C# Backgroundworker(后台线程)的使用
  9. AIX下RAC搭建 Oracle10G(二)主机配置
  10. Apache Qpid 高可用集群