使用Ajax删除查询成功时隐藏表中的行

<table id="myTable">
  <tr>
    <td>行1</td>
    <td><button class="deleteBtn" data-id="1">删除</button></td>
  </tr>
  <tr>
    <td>行2</td>
    <td><button class="deleteBtn" data-id="2">删除</button></td>
  </tr>
  ...
</table>

$(document).ready(function() {
  $('.deleteBtn').click(function() {
    var rowId = $(this).data('id');
    
    $.ajax({
      url: 'deleteRow.php', // 替换为实际的删除行数据的后端接口地址
      method: 'POST',
      data: { id: rowId },
      success: function(response) {
        if (response === 'success') {
          $('#myTable tr[data-id="' + rowId + '"]').hide();
        } else {
          alert('删除失败');
        }
      },
      error: function() {
        alert('请求失败');
      }
    });
  });
});

<?php
$id = $_POST['id'];

// 执行删除操作，根据实际需求编写代码

if (删除成功) {
  echo 'success';
} else {
  echo 'failure';
}
?>