可以使用 JavaScript 中的 FormData 对象来将表单中的数据转换为对象，然后使用 AJAX 提交到后端。以下是示例代码：
HTML:
<form id="myForm"> <input type="text" name="username" value="John"> <input type="email" name="email" value="john@example.com"> <input type="password" name="password" value="mypassword"> </form> <button onclick="submitForm()">Submit</button>
JavaScript:
function submitForm() {
const saveForm = $('#'+selector).serializeArray();
const json= {};
searchForm.forEach(function(element) {
//TODO 可优化如果值变化了才提交
json[element.name] = element.value;
});
console.log(json);
const xhr = new XMLHttpRequest();
xhr.open('POST', '/submit');
xhr.setRequestHeader('Content-Type', 'application/json');
xhr.onload = function() {
if (xhr.status === 200) {
console.log(xhr.responseText);
}
};
xhr.send(json);
}该代码将表单中的数据转换为 JSON 对象并使用 AJAX 发送 POST 请求到后端。在后端，可以解析 JSON 对象并获取表单数据。
原文链接: https://www.yukx.com/xiaomengbao/article/details/2385.html 优科学习网js将form中input变成对象post提交
