Ajax提交表单在联机模式下不起作用

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

  // 使用Ajax发送表单数据
  var formData = new FormData(this);
  var xhr = new XMLHttpRequest();
  xhr.open('POST', '/submit', true);
  xhr.onreadystatechange = function() {
    if (xhr.readyState === 4 && xhr.status === 200) {
      // 处理返回的数据
    }
  };
  xhr.send(formData);
});

var xhr = null;

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

  if (xhr !== null) {
    xhr.abort(); // 取消之前的请求
  }

  // 使用Ajax发送表单数据
  var formData = new FormData(this);
  xhr = new XMLHttpRequest();
  xhr.open('POST', '/submit', true);
  xhr.onreadystatechange = function() {
    if (xhr.readyState === 4 && xhr.status === 200) {
      // 处理返回的数据
    }
  };
  xhr.send(formData);
});

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

  // 使用fetch发送表单数据
  var formData = new FormData(this);
  fetch('/submit', {
    method: 'POST',
    body: formData
  })
  .then(function(response) {
    if (response.ok) {
      // 处理返回的数据
    }
  })
  .catch(function(error) {
    console.log(error);
  });
});