当同一页上有多个表单时，如何使用AJAX从一个表单发布数据？

<form id="form1">
  <!-- 表单1的输入字段 -->
  <input type="text" name="field1" />
  <input type="submit" value="提交表单1" />
</form>

<form id="form2">
  <!-- 表单2的输入字段 -->
  <input type="text" name="field2" />
  <input type="submit" value="提交表单2" />
</form>

// 获取表单元素
var form1 = document.getElementById("form1");
var form2 = document.getElementById("form2");

// 监听表单的提交事件
form1.addEventListener("submit", function(event) {
  event.preventDefault(); // 阻止表单的默认提交行为

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

  // 发送AJAX请求
  var xhr = new XMLHttpRequest();
  xhr.open("POST", "/submit-form1", true);
  xhr.onreadystatechange = function() {
    if (xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200) {
      // 处理服务器的响应
      var response = xhr.responseText;
      // 更新页面或显示成功/失败的消息
    }
  };
  xhr.send(formData);
});

form2.addEventListener("submit", function(event) {
  event.preventDefault();

  var formData = new FormData(form2);

  var xhr = new XMLHttpRequest();
  xhr.open("POST", "/submit-form2", true);
  xhr.onreadystatechange = function() {
    if (xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200) {
      var response = xhr.responseText;
      // 更新页面或显示成功/失败的消息
    }
  };
  xhr.send(formData);
});