可以使用下面的代码示例来解决这个问题:
const form = document.querySelector('form');
form.addEventListener('submit', (event) => {
event.preventDefault();
const formData = new FormData(form);
fetch('/submit-form', {
method: 'POST',
body: formData
})
.then(response => {
if (!response.ok) {
throw new Error('Unable to verify data submission on forms')
}
return response.json();
})
.then(data => {
console.log(data);
})
.catch(error => {
console.error(error);
});
});
这段代码会在表单提交时发送一个 POST 请求到服务器端,以验证表单数据是否有效。如果服务器返回一个错误响应(即状态码非 2xx),则会抛出一个错误。否则,它会解析响应并在控制台中记录数据。