如何通过ajax通过单击按钮将<tr>的单元格值传递给控制器？

<!-- 前端页面 -->
<script>
  function sendDataToController(cellValue) {
    // 创建AJAX请求对象
    var xhr = new XMLHttpRequest();
    
    // 监听AJAX状态改变事件
    xhr.onreadystatechange = function() {
      if (xhr.readyState === 4 && xhr.status === 200) {
        // 请求成功处理逻辑
        console.log(xhr.responseText);
      }
    };
    
    // 设置请求方式和URL
    xhr.open("POST", "/controller-url", true);
    
    // 设置请求头，如果需要
    xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
    
    // 构造请求参数
    var data = "cellValue=" + encodeURIComponent(cellValue);
    
    // 发送请求
    xhr.send(data);
  }
</script>

<table>
  <tr>
    <td>数据1</td>
    <td>数据2</td>
    <td><button onclick="sendDataToController(this.parentElement.parentElement.innerHTML)">传递数据</button></td>
  </tr>
</table>