利用AJAX技术实现表格行级操作：动态接受与拒绝请求

<table>
    <thead>
        <tr>
            <th>请求类型</th>
            <th>姓氏</th>
            <th>名字</th>
            <th colspan="2">操作</th>
        </tr>
    </thead>
    <tbody>
        <?php for ($j = 0; $j < count($requests); $j++): ?>
            <tr id='<?php echo htmlspecialchars($requests[$j]['request_id']); ?>' class="table-row">
                <?php 
                    $request_type = ($requests[$j]['request_type'] == '1') ? '候选人' : '投票者';
                ?>
                <td class="school"><?= htmlspecialchars($request_type) ?></td>
                <td class="name"><?= htmlspecialchars($requests[$j]['first_name']) ?></td>
                <td class="candidates"><?= htmlspecialchars($requests[$j]['last_name']) ?></td>
                <td> 
                    <button data-type='accept' name="actionReq" value="req_accepted" type="button" class="btn btn-success">接受</button> 
                </td>
                <td> 
                    <button data-type='deny' name="actionReq" value="req_denied" type="button" class="btn btn-danger">拒绝</button> 
                </td>
            </tr>
        <?php endfor; ?>
    </tbody>
</table>

<script>
    document.addEventListener('DOMContentLoaded', function() {
        // 获取所有具有 name="actionReq" 的按钮
        document.querySelectorAll('button[name="actionReq"]').forEach(bttn => {
            bttn.addEventListener('click', function(e) {
                // 阻止按钮的默认行为（如果有的话，尽管我们设置了type="button"）
                e.preventDefault();

                // 找到当前按钮所属的最近的<tr>元素
                let tr = this.parentNode.closest('tr');
                if (!tr || !tr.id) {
                    console.error('无法找到父级TR元素或其ID。');
                    return;
                }

                // 创建一个FormData对象来准备要发送的数据
                let fd = new FormData();
                fd.set('id', tr.id.trim()); // 获取行的ID，并去除可能的空白字符
                fd.set('type', this.dataset.type); // 获取按钮的data-type属性

                // 使用fetch API发送POST请求
                fetch('../assets/php/accept-requests.inc.php', {
                    method: 'post',
                    body: fd // FormData对象会自动设置正确的Content-Type
                })
                .then(response => {
                    // 检查响应是否成功
                    if (!response.ok) {
                        throw new Error(`HTTP error! status: ${response.status}`);
                    }
                    return response.text(); // 解析响应为文本
                })
                .then(text => {
                    // 这是请求成功后的回调函数
                    alert(text); // 简单地弹窗显示服务器响应
                    // 可以在这里根据服务器的响应更新DOM，例如移除已处理的行
                    // tr.remove(); 
                })
                .catch(error => {
                    // 处理请求过程中发生的任何错误
                    console.error('请求失败:', error);
                    alert('操作失败，请重试。');
                });
            });
        });
    });
</script>

<?php
// 确保只处理POST请求
if ($_SERVER['REQUEST_METHOD'] === 'POST') {
    // 检查并获取请求ID和类型
    $request_id = isset($_POST['id']) ? $_POST['id'] : null;
    $action_type = isset($_POST['type']) ? $_POST['type'] : null;

    // 基本的数据验证
    if ($request_id === null || !is_numeric($request_id) || $action_type === null || !in_array($action_type, ['accept', 'deny'])) {
        http_response_code(400); // Bad Request
        echo "无效的请求参数。";
        exit();
    }

    // 数据库连接（请替换为你的实际数据库连接代码）
    $servername = "localhost";
    $username = "your_username";
    $password = "your_password";
    $dbname = "your_database";

    try {
        $conn = new PDO("mysql:host=$servername;dbname=$dbname", $username, $password);
        $conn->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);

        // 根据action_type执行不同的数据库操作
        if ($action_type === 'accept') {
            // 示例：更新请求状态或将其移动到另一个表
            $stmt = $conn->prepare("UPDATE requests SET status = 'accepted' WHERE request_id = :id");
            $stmt->bindParam(':id', $request_id, PDO::PARAM_INT);
            $stmt->execute();
            echo "请求 " . htmlspecialchars($request_id) . " 已接受。";
        } elseif ($action_type === 'deny') {
            // 示例：删除请求
            $stmt = $conn->prepare("DELETE FROM requests WHERE request_id = :id");
            $stmt->bindParam(':id', $request_id, PDO::PARAM_INT);
            $stmt->execute();
            echo "请求 " . htmlspecialchars($request_id) . " 已拒绝并删除。";
        }

    } catch (PDOException $e) {
        http_response_code(500); // Internal Server Error
        echo "数据库操作失败: " . $e->getMessage();
    } finally {
        $conn = null; // 关闭数据库连接
    }

} else {
    http_response_code(405); // Method Not Allowed
    echo "只允许POST请求。";
}
?>