将表单提交映射到数组

<form id="myForm">
  <input type="text" name="username" />
  <input type="email" name="email" />
  <button type="submit">Submit</button>
</form>

document.getElementById('myForm').addEventListener('submit', function(event) {
  event.preventDefault(); // 阻止默认提交行为

  const formData = new FormData(event.target);
  const dataArray = [];

  for (const [key, value] of formData.entries()) {
    dataArray.push({ [key]: value });
  }

  console.log(dataArray);
  // 输出: [{ username: '输入的用户名' }, { email: '输入的邮箱' }]

  // 发送数据到服务器
  fetch('/api/submit', {
    method: 'POST',
    headers: {
      'Content-Type': 'application/json'
    },
    body: JSON.stringify(dataArray)
  })
  .then(response => response.json())
  .then(data => console.log(data))
  .catch(error => console.error('Error:', error));
});