如何刷新表格数据ajax表单提交？

// HTML表单
<form id="myForm">
  <input type="text" name="name" placeholder="姓名">
  <input type="text" name="age" placeholder="年龄">
  <button type="submit">提交</button>
</form>

// JavaScript代码
<script>
  // 监听表单的提交事件
  document.getElementById("myForm").addEventListener("submit", function(event) {
    event.preventDefault(); // 阻止表单默认提交行为

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

    // 设置请求方式和URL
    xhr.open("POST", "/api/submit", true);

    // 设置请求头
    xhr.setRequestHeader("Content-Type", "application/json");

    // 监听请求状态变化
    xhr.onreadystatechange = function() {
      if (xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200) {
        // 请求成功，刷新表格数据
        refreshTable();
      }
    };

    // 获取表单数据
    var formData = new FormData(document.getElementById("myForm"));

    // 发送请求
    xhr.send(JSON.stringify(formData));
  });

  // 刷新表格数据的函数
  function refreshTable() {
    // 发送异步请求获取最新的表格数据
    var xhr = new XMLHttpRequest();
    xhr.open("GET", "/api/data", true);
    xhr.onreadystatechange = function() {
      if (xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200) {
        // 更新表格内容
        var table = document.getElementById("myTable");
        table.innerHTML = xhr.responseText;
      }
    };
    xhr.send();
  }
</script>