一种解决方法是将表单数据值转换为JSON对象。我们可以使用JavaScript中的FormData对象将表单数据收集到FormData对象中,然后将其转换为JSON对象。将以下代码添加到您的JavaScript文件中:
// 获取表单元素 const form = document.querySelector('form');
// 创建FormData对象 const formData = new FormData(form);
// 创建一个空对象来存储JSON数据 let jsonObject = {};
// 将表单数据添加到JSON对象中 for (const [key, value] of formData.entries()) { jsonObject[key] = value; }
// 将JSON对象发送到服务器端 axios.post('/api/endpoint', jsonObject) .then(response => { console.log(response.data); }) .catch(error => { console.log(error); });
使用这种方法将表单值转换为JSON对象后,可以将其发送给服务器端。