js将form中input变成对象post提交

可以使用 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提交