vue-resourse 提交表单 使用formData

经过formData对象能够组装一组用XMLHttpRequest发送请求的键/值对。它能够更灵活方便的发送表单数据,由于能够独立于表单使用。若是把表单的编码类型设置为multipart/form-data,则经过FormData传输的数据php

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

如何建立一个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)----二进制大对象,是一个能够存储二进制文件的容器
相关文章
相关标签/搜索