以后会自动刷新页面，导致信息丢失以及请求中止解决：在 handler里面写入e.preventDefault();阻止onsub

在JavaScript中，`e.preventDefault()`是一个常用的事件处理函数，通常用于防止浏览器的默认行为。当你在一个表单提交事件（比如`submit`）中捕获到`event`（例如在`.addEventListener('submit', function(e) {...})`中），添加`e.preventDefault()`可以防止页面的默认刷新动作，比如从当前页面跳转到新的URL。

如果你遇到的问题是在一个handler（如Ajax异步请求的回调）里，需要取消已发起的HTTP请求，因为页面可能会自动刷新，这时候可以在发送请求之前调用`e.preventDefault()`，然后手动管理你的异步操作，例如使用`fetch`、`axios`等库的取消请求功能。

例如：

function sendData(e) {
  e.preventDefault(); // 阻止默认提交
  const formData = ...; // 获取表单数据

  fetch('/api/endpoint', {
    method: 'POST',
    body: formData,
  })
  .then(response => {
    if (response.ok) { // 如果请求成功
      // 管理响应...
    } else {
      // 取消请求并处理错误...
    }
  })
  .catch(error => {
    // 处理网络错误...
  });
}

document.getElementById('myForm').addEventListener('submit', sendData);