要捕获 form.submit 的响应,您可以使用 JavaScript 的 XMLHttpRequest 对象或 Fetch API。以下是两种方法的示例:
const form = document.querySelector('form');
form.addEventListener('submit', (event) => {
event.preventDefault();
const xhr = new XMLHttpRequest();
xhr.open('POST', form.action);
xhr.onload = () => {
if (xhr.status === 200) {
const response = xhr.responseText;
console.log('响应内容:', response);
} else {
console.error('请求失败,状态码:', xhr.status);
}
};
xhr.send(new FormData(form));
});
const form = document.querySelector('form');
form.addEventListener('submit', async (event) => {
event.preventDefault();
try {
const response = await fetch(form.action, {
method: 'POST',
body: new FormData(form),
});
if (response.ok) {
const responseText = await response.text();
console.log('响应内容:', responseText);
} else {
console.error('请求失败,状态码:', response.status);
}
} catch (error) {
console.error('请求失败,错误信息:', error);
}
});
这两种方法都可以捕获 form.submit 的响应,并在控制台中输出响应内容。请注意,这些示例仅适用于浏览器环境。
领取专属 10元无门槛券
手把手带您无忧上云