表单提交后刷新Mat表上的数据

<!-- HTML -->
<form id="myForm">
  <!-- 表单内容 -->
  <input type="text" name="name" />
  <input type="email" name="email" />
  <button type="submit">提交</button>
</form>

<script>
document.getElementById("myForm").addEventListener("submit", function(event) {
  event.preventDefault(); // 阻止表单默认提交行为

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

  // 发送异步请求更新后端数据
  fetch("/update-data", {
    method: "POST",
    body: formData
  })
  .then(function(response) {
    if (response.ok) {
      return response.json(); // 解析响应数据
    } else {
      throw new Error("更新数据失败");
    }
  })
  .then(function(data) {
    // 更新Mat表上的数据
    updateMatTable(data);
  })
  .catch(function(error) {
    console.error(error);
  });
});

function updateMatTable(data) {
  // 更新Mat表上的数据逻辑
}
</script>

// 后端路由处理
app.post("/update-data", function(req, res) {
  // 处理表单提交的数据
  var name = req.body.name;
  var email = req.body.email;

  // 更新数据逻辑
  // ...

  // 返回处理结果给前端
  res.json({ success: true });
});