利用 FormData 对象发送 Key/Value 对的异步请求
时间: 2024-01-19 18:09:18 浏览: 27
可以使用 XMLHttpRequest 对象来发送异步请求,并将需要发送的数据以 Key/Value 对的形式添加到 FormData 对象中。以下是一个示例代码:
```
// 创建一个 FormData 对象
var formData = new FormData();
// 添加需要发送的 Key/Value 对
formData.append('username', 'John');
formData.append('password', '123456');
// 创建一个 XMLHttpRequest 对象
var xhr = new XMLHttpRequest();
// 设置请求方法和 URL
xhr.open('POST', '/login');
// 发送 FormData 对象
xhr.send(formData);
// 监听请求状态的变化
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
// 请求成功,处理返回的数据
console.log(xhr.responseText);
}
};
```
在上面的代码中,我们先创建了一个 FormData 对象,并使用 append() 方法向其中添加了两个 Key/Value 对。然后,我们创建了一个 XMLHttpRequest 对象,并设置了请求方法和 URL,并使用 send() 方法将 FormData 对象发送出去。最后,我们监听了 XMLHttpRequest 对象的 onreadystatechange 事件,在请求状态变化时进行处理。