如何捕获form.submit的响应

要捕获 form.submit 的响应，您可以使用 JavaScript 的 XMLHttpRequest 对象或 Fetch API。以下是两种方法的示例：

使用 XMLHttpRequest 对象：

const form = document.querySelector('form');
form.addEventListener('submit', (event) => {
  event.preventDefault();

  const xhr = new XMLHttpRequest();
  xhr.open('POST', form.action);
  xhr.onload = () => {
    if (xhr.status === 200) {
      const response = xhr.responseText;
      console.log('响应内容：', response);
    } else {
      console.error('请求失败，状态码：', xhr.status);
    }
  };
  xhr.send(new FormData(form));
});

使用 Fetch API：

const form = document.querySelector('form');
form.addEventListener('submit', async (event) => {
  event.preventDefault();

  try {
    const response = await fetch(form.action, {
      method: 'POST',
      body: new FormData(form),
    });

    if (response.ok) {
      const responseText = await response.text();
      console.log('响应内容：', responseText);
    } else {
      console.error('请求失败，状态码：', response.status);
    }
  } catch (error) {
    console.error('请求失败，错误信息：', error);
  }
});

这两种方法都可以捕获 form.submit 的响应，并在控制台中输出响应内容。请注意，这些示例仅适用于浏览器环境。