xmlhttprequest 模拟formdata中request js
时间: 2024-04-05 09:34:57 浏览: 33
可以使用XMLHttpRequest对象来模拟FormData中的请求。具体方法如下:
1. 创建一个FormData对象,并添加需要上传的数据。
2. 创建一个XMLHttpRequest对象。
3. 向服务器发送请求,并将FormData对象作为请求的参数。
4. 在XMLHttpRequest对象的onreadystatechange事件中,判断请求的状态,如果请求完成并且返回状态码为200,则表示上传成功。
以下是一个示例代码:
```
var formData = new FormData();
formData.append('username', 'user1');
formData.append('password', 'pass1');
var xhr = new XMLHttpRequest();
xhr.open('POST', 'http://example.com/upload', true);
xhr.onreadystatechange = function() {
if (xhr.readyState == 4 && xhr.status == 200) {
console.log('Upload success');
}
};
xhr.send(formData);
```
在这个示例中,我们创建了一个FormData对象,并添加了两个键值对。然后创建了一个XMLHttpRequest对象,并将请求方法设置为POST,请求的URL为http://example.com/upload。在onreadystatechange事件中,判断请求的状态和返回的状态码,如果上传成功,则在控制台输出"Upload success"。最后,将FormData对象作为参数发送到服务器。
相关推荐
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![-](https://img-home.csdnimg.cn/images/20210720083327.png)
![-](https://img-home.csdnimg.cn/images/20210720083327.png)
![-](https://img-home.csdnimg.cn/images/20210720083327.png)
![-](https://img-home.csdnimg.cn/images/20210720083327.png)
![-](https://img-home.csdnimg.cn/images/20210720083327.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)