如何将表单连接到ajax并通过它发布

<form id="myForm">
  <input type="text" name="name" placeholder="姓名">
  <input type="email" name="email" placeholder="邮箱">
  <textarea name="message" placeholder="留言"></textarea>
  <button type="submit">提交</button>
</form>

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

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

  // 创建FormData对象，用于存储表单数据
  var formData = new FormData(form);

  // 创建XMLHttpRequest对象
  var xhr = new XMLHttpRequest();

  // 设置请求方法和URL
  xhr.open("POST", "/submit-form", true);

  // 监听服务器响应
  xhr.onreadystatechange = function() {
    if (xhr.readyState === XMLHttpRequest.DONE) {
      if (xhr.status === 200) {
        // 请求成功，处理服务器返回的数据
        var response = JSON.parse(xhr.responseText);
        console.log(response);
      } else {
        // 请求失败，处理错误
        console.error("请求失败：" + xhr.status);
      }
    }
  };

  // 发送表单数据
  xhr.send(formData);
});

// 导入Express模块
const express = require("express");
const app = express();

// 处理POST请求的路由
app.post("/submit-form", (req, res) => {
  // 获取表单数据
  const name = req.body.name;
  const email = req.body.email;
  const message = req.body.message;

  // 处理表单数据，例如保存到数据库或发送电子邮件

  // 返回响应
  res.json({ success: true, message: "表单提交成功！" });
});

// 启动服务器
app.listen(3000, () => {
  console.log("服务器已启动，监听端口3000");
});