HTML表格中如何将每行数据和一个按钮绑定，通过点击该按钮，可以实现该行数据提交到后台

可以通过给每行数据添加一个按钮来实现该功能。具体做法如下：

1. 在每行数据的最后一列添加一个按钮，可以使用HTML的`<button>`或者`<input>`标签。

2. 给按钮添加一个`onclick`事件，当用户点击该按钮时，会触发该事件。

3. 在`onclick`事件中，获取该行数据，并将数据通过Ajax请求提交到后台。

4. 后台接收到数据后进行处理，返回响应结果给前端。

下面是一个简单的示例代码：

<table>
  <thead>
    <tr>
      <th>姓名</th>
      <th>年龄</th>
      <th>操作</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>张三</td>
      <td>20</td>
      <td><button onclick="submitData(this)">提交</button></td>
    </tr>
    <tr>
      <td>李四</td>
      <td>22</td>
      <td><button onclick="submitData(this)">提交</button></td>
    </tr>
  </tbody>
</table>

<script>
  function submitData(button) {
    // 获取该行数据
    var tr = button.parentNode.parentNode;
    var name = tr.cells[0].innerText;
    var age = tr.cells[1].innerText;

    // 发送Ajax请求提交数据
    var xhr = new XMLHttpRequest();
    xhr.open('POST', '/submit-data');
    xhr.setRequestHeader('Content-Type', 'application/json');
    xhr.onreadystatechange = function() {
      if (xhr.readyState === XMLHttpRequest.DONE) {
        if (xhr.status === 200) {
          // 处理响应结果
          alert(xhr.responseText);
        } else {
          alert('提交失败');
        }
      }
    };
    xhr.send(JSON.stringify({ name: name, age: age }));
  }
</script>

在该示例中，我们给每一行的最后一列添加了一个提交按钮，并为按钮添加了一个`onclick`事件。当用户点击该按钮时，会调用`submitData`函数，该函数会获取该行数据并通过Ajax请求提交到后台。后台接收到数据后进行处理，并将处理结果返回给前端。在示例中，我们使用了`XMLHttpRequest`对象来发送Ajax请求。