在单击HTML表中的按钮时使用PHP删除JSON数据

<table>
  <tr id="row1">
    <td>数据1</td>
    <td>数据2</td>
    <td><button onclick="deleteData('row1')">删除</button></td>
  </tr>
  <tr id="row2">
    <td>数据3</td>
    <td>数据4</td>
    <td><button onclick="deleteData('row2')">删除</button></td>
  </tr>
  <!-- 其他行... -->
</table>

function deleteData(rowId) {
  // 发送AJAX请求
  var xhr = new XMLHttpRequest();
  xhr.open('POST', 'delete.php', true);
  xhr.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
  xhr.onreadystatechange = function() {
    if (xhr.readyState === 4 && xhr.status === 200) {
      // 处理响应
      var response = JSON.parse(xhr.responseText);
      if (response.success) {
        // 删除成功，更新前端表格
        var row = document.getElementById(rowId);
        row.parentNode.removeChild(row);
      } else {
        // 删除失败，显示错误消息
        alert(response.message);
      }
    }
  };
  xhr.send('rowId=' + encodeURIComponent(rowId));
}

<?php
// 从请求中获取要删除的行的标识符
$rowId = $_POST['rowId'];

// 读取JSON数据文件
$jsonData = file_get_contents('data.json');
$data = json_decode($jsonData, true);

// 查找并删除对应的行
foreach ($data as $key => $row) {
  if ($row['id'] === $rowId) {
    unset($data[$key]);
    break;
  }
}

// 重新索引数组键值
$data = array_values($data);

// 将更新后的数据写回JSON文件
file_put_contents('data.json', json_encode($data));

// 返回成功响应
$response = array('success' => true);
echo json_encode($response);
?>