如何防止在表单提交上调用函数时加载页面？

document.querySelector('form').addEventListener('submit', function(event) {
  event.preventDefault(); // 阻止表单默认提交行为
  // 执行其他操作，如数据验证、异步请求等
});

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

  // 获取表单数据
  var formData = new FormData(this);

  // 发送ajax请求
  var xhr = new XMLHttpRequest();
  xhr.open('POST', 'your-api-endpoint', true);
  xhr.onload = function() {
    if (xhr.status === 200) {
      // 请求成功处理
    } else {
      // 请求失败处理
    }
  };
  xhr.send(formData);
});