有很多原因会导致表单响应值始终返回undefined的问题,以下是两种常见的解决方法:
// 方法1:使用async/await
async function submitForm() {
const form = document.getElementById('myForm');
const formData = new FormData(form);
try {
const response = await fetch('/backend-url', {
method: 'POST',
body: formData
});
const data = await response.json();
console.log(data); // 打印后端响应数据
} catch (error) {
console.error(error);
}
}
// 方法2:使用Promise
function submitForm() {
const form = document.getElementById('myForm');
const formData = new FormData(form);
fetch('/backend-url', {
method: 'POST',
body: formData
})
.then(response => response.json())
.then(data => {
console.log(data); // 打印后端响应数据
})
.catch(error => {
console.error(error);
});
}
请确保在表单元素中给每个需要提交的字段添加了name属性,这样才能在表单响应中获取到正确的值。另外,还需要确保后端接口正确处理了表单数据,并返回正确的响应。
上一篇:表单响应计算