如何从由mysql select生成的php表中发布，当在行中切换btn被点击时？

<?php
// 从MySQL数据库中获取数据
// 假设数据库连接已经建立，并且数据存储在名为$mysqlData的数组中
$mysqlData = [
    ['id' => 1, 'name' => 'John', 'age' => 25],
    ['id' => 2, 'name' => 'Jane', 'age' => 30],
    ['id' => 3, 'name' => 'Tom', 'age' => 28]
];

// 生成表格
echo '<table>';
foreach ($mysqlData as $row) {
    echo '<tr>';
    echo '<td>' . $row['id'] . '</td>';
    echo '<td>' . $row['name'] . '</td>';
    echo '<td>' . $row['age'] . '</td>';
    echo '<td><button class="toggle-btn" data-id="' . $row['id'] . '">Toggle</button></td>';
    echo '</tr>';
}
echo '</table>';
?>

<script>
// 监听按钮点击事件
var toggleBtns = document.getElementsByClassName('toggle-btn');
for (var i = 0; i < toggleBtns.length; i++) {
    toggleBtns[i].addEventListener('click', function(event) {
        // 获取按钮的标识符（行号或数据的ID）
        var id = event.target.getAttribute('data-id');
        
        // 根据标识符找到对应的行数据
        var rowData = <?php echo json_encode($mysqlData); ?>;
        var selectedRow = rowData.find(function(row) {
            return row.id == id;
        });
        
        // 在此处可以进行后续的操作，如更新数据库、发送请求等
        console.log(selectedRow);
    });
}
</script>