js模拟表单提交

// 假设有一个表单如下：
// <form id="myForm">
//   <input type="text" name="username" value="JohnDoe">
//   <input type="password" name="password" value="mypassword">
//   <button type="submit">Submit</button>
// </form>

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

  // 收集表单数据
  const formData = new FormData(this);

  // 使用fetch API发送POST请求
  fetch('your-server-url', {
    method: 'POST',
    body: formData
  })
  .then(response => response.json()) // 假设服务器返回JSON数据
  .then(data => {
    console.log('Success:', data);
    // 处理成功响应
  })
  .catch((error) => {
    console.error('Error:', error);
    // 处理错误情况
  });
});