表单提交前获取请求

// 获取表单元素
const form = document.querySelector('form');

// 监听表单提交事件
form.addEventListener('submit', (event) => {
  event.preventDefault(); // 阻止表单默认提交行为

  // 获取表单数据
  const formData = new FormData(form);
  const data = Object.fromEntries(formData.entries());

  // 在这里可以对表单数据进行验证、预处理等操作
  // ...

  // 发送请求
  fetch('https://api.example.com/submit', {
    method: 'POST',
    body: JSON.stringify(data),
    headers: {
      'Content-Type': 'application/json',
    },
  })
    .then((response) => response.json())
    .then((result) => {
      // 处理请求结果
      console.log(result);
    })
    .catch((error) => {
      // 处理请求错误
      console.error(error);
    });
});