封装的api前端post请求form-data
时间: 2023-07-26 17:32:17 浏览: 85
axios 实现post请求时把对象obj数据转为formdata
实现前端post请求form-data可以使用FormData对象和XMLHttpRequest对象。以下是示例代码:
```javascript
const formData = new FormData();
formData.append('username', 'John');
formData.append('password', 'Doe');
const xhr = new XMLHttpRequest();
xhr.open('POST', '/api/login');
xhr.onload = function() {
if (xhr.status === 200) {
console.log(xhr.responseText);
}
};
xhr.send(formData);
```
在FormData对象中,通过append方法添加需要提交的表单数据。在XMLHttpRequest对象中,设置请求方式为POST,设置请求地址为/api/login,设置请求头为Content-Type: multipart/form-data,然后将FormData对象作为send方法的参数发送请求。
注意,如果需要上传文件,则需要使用<input type="file">元素获取文件,然后使用FormData对象的append方法添加文件数据。同时,需要在send方法调用前设置XMLHttpRequest对象的upload属性的onprogress事件监听上传进度。
阅读全文