使用javascript将表数据从视图传递到控制器

<!-- 前端页面 -->
<table id="myTable">
  <tr>
    <th>Name</th>
    <th>Email</th>
  </tr>
  <tr>
    <td>John Doe</td>
    <td>john@example.com</td>
  </tr>
  <tr>
    <td>Jane Smith</td>
    <td>jane@example.com</td>
  </tr>
</table>

<button id="submitBtn">Submit</button>

<script>
  document.getElementById("submitBtn").addEventListener("click", function() {
    // 获取表格数据
    var table = document.getElementById("myTable");
    var data = [];
    for (var i = 1; i < table.rows.length; i++) {
      var rowData = [];
      for (var j = 0; j < table.rows[i].cells.length; j++) {
        rowData.push(table.rows[i].cells[j].innerHTML);
      }
      data.push(rowData);
    }

    // 发送数据到后端控制器
    var xhr = new XMLHttpRequest();
    xhr.open("POST", "/controller", true);
    xhr.setRequestHeader("Content-Type", "application/json");
    xhr.onreadystatechange = function() {
      if (xhr.readyState === 4 && xhr.status === 200) {
        // 请求成功处理
        console.log(xhr.responseText);
      }
    };
    xhr.send(JSON.stringify(data));
  });
</script>