js提交表单post
时间: 2023-08-01 20:15:14 浏览: 146
要通过 JavaScript 提交表单,需要使用 `XMLHttpRequest` 对象。以下是一个示例代码:
```javascript
const xhr = new XMLHttpRequest();
const formData = new FormData();
formData.append('username', 'John');
formData.append('password', 'Doe');
xhr.onreadystatechange = function() {
if (xhr.readyState === XMLHttpRequest.DONE) {
if (xhr.status === 200) {
console.log(xhr.responseText);
} else {
console.error('Error:', xhr.status);
}
}
};
xhr.open('POST', '/login');
xhr.send(formData);
```
在这个例子中,我们首先创建了一个 `XMLHttpRequest` 对象。然后,我们创建了一个 `FormData` 对象,并向其中添加了表单数据。接着,我们定义了 `onreadystatechange` 回调函数,它会在请求状态发生变化时被调用。如果请求成功,我们会在控制台输出响应文本;否则,我们会输出一个错误信息。最后,我们使用 `open` 方法打开一个 POST 请求,将 `FormData` 对象作为参数传入 `send` 方法并发送请求。
阅读全文