1. 获取表单数据
2. 创建XMLHttpRequest对象
3. 使用open()方法创建请求
4. 设置请求头部信息
5. 发送请求
6. 监听状态变化
7. 处理响应结果
const xhr = new XMLHttpRequest();
const formData = new FormData(document.querySelector('form'));
xhr.open('POST', '/submit');
xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
xhr.onreadystatechange = function() {
if(xhr.readyState === 4 && xhr.status === 200) {
console.log(xhr.responseText);
}
}
xhr.send(formData);
在这个例子中，我们使用XMLHttpRequest对象来发送表单数据。首先，我们创建了一个新的XMLHttpRequest对象。然后，我们获取表单数据，并使用POST方法将其发送到服务器上的/submit地址。我们还设置了请求头部信息来告诉服务器我们发送的是表单数据。最后，我们监听了状态变化，并在响应完成后处理响应结果。