JavaScript中怎么自己构造一个表单类型的数据并请求
时间: 2024-04-30 07:22:29 浏览: 20
可以使用JavaScript中的FormData对象来构造表单类型的数据,并使用XMLHttpRequest对象来发送请求。
下面是一个示例代码:
```javascript
// 构造表单数据
var formData = new FormData();
formData.append('username', 'John');
formData.append('password', '123456');
// 创建XMLHttpRequest对象
var xhr = new XMLHttpRequest();
// 设置请求方法和URL
xhr.open('POST', '/login');
// 发送请求
xhr.send(formData);
// 监听请求状态改变事件
xhr.onreadystatechange = function() {
if (xhr.readyState === XMLHttpRequest.DONE) {
if (xhr.status === 200) {
console.log(xhr.responseText);
} else {
console.error('请求失败:', xhr.status);
}
}
};
```
在上面的代码中,首先使用FormData对象构造了一个包含username和password字段的表单数据。然后创建了一个XMLHttpRequest对象,并调用了open()方法设置请求方法和URL,最后调用send()方法发送请求。
在请求状态改变时,通过onreadystatechange事件监听器判断请求是否成功,并在成功时打印响应内容,失败时打印错误信息。
相关推荐
![docx](https://img-home.csdnimg.cn/images/20210720083331.png)
![docx](https://img-home.csdnimg.cn/images/20210720083331.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.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)
![](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)