无需页面跳转，通过按钮修改SQL值的实现问题

下面针对你的代码问题逐一拆解并给出修复方案：

1. 按钮HTML语法错误 #

你的按钮代码存在多余的双引号，导致data-id属性无法被正确解析，jQuery无法获取到订单ID：
原错误代码：

<div><button name="Delete" data-id='<?echo $data['orderReference']?>'">Delete</button></div>

修复后：

<div><button name="Delete" data-id='<?php echo $data['orderReference']; ?>'>Delete</button></div>

（注：推荐用完整的<?php标签代替短标签<?，避免服务器未开启短标签支持导致的解析问题）

2. JavaScript代码优化 #

你的JS逻辑框架没问题，但可以增加精准性和错误处理，方便排查问题：

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
    // 精准绑定Delete按钮的点击事件，避免影响其他按钮
    $("body").on("click", "button[name='Delete']", function(ev){
        ev.preventDefault();
        const orderId = $(this).data("id");
        
        // 校验订单ID是否存在
        if (!orderId) {
            console.error("未获取到有效订单ID");
            return;
        }
        
        $.post("viewed.php", {id: orderId})
            .done(function (result) {
                console.log("操作反馈:", result);
                // 可选：更新按钮状态，避免重复点击
                $(this).prop("disabled", true).text("已处理");
            }.bind(this)) // 绑定当前按钮到回调，方便操作DOM
            .fail(function(xhr, status, error) {
                console.error("请求失败:", error);
                console.error("后端响应内容:", xhr.responseText);
            });
    });
</script>

3. PHP后端代码修复 #

原代码问题： #

• 未校验$_POST['id']是否存在，直接取值会触发Undefined Index错误
• 单个ID用IN语法冗余，且存在SQL语法风险
• 未确保PDO开启异常模式，可能无法捕获数据库错误

修复后的viewed.php：

<?php
// 先校验POST参数合法性
if (!isset($_POST['id']) || trim($_POST['id']) === '') {
    echo "错误：未接收到订单ID";
    exit;
}

$orderID = trim($_POST['id']);

try {
    // 强制开启PDO异常模式（确保能捕获数据库错误）
    $products->conn->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
    
    // 单个ID用=即可，改用预处理语句避免语法错误（即使不考虑注入）
    $sqlOrderviewed = "UPDATE `Order_Header` SET `orderViewed` = '1' WHERE `orderReference` = :orderId";
    $stmt = $products->conn->prepare($sqlOrderviewed);
    $stmt->bindParam(':orderId', $orderID);
    $stmt->execute();
    
    echo "成功更新 " . $stmt->rowCount() . " 条记录";
} catch (PDOException $e) {
    echo "数据库操作失败：" . $e->getMessage();
}
?>

排查步骤（若修复后仍异常） #

1. 打开浏览器开发者工具（F12），查看控制台是否有JS报错
2. 切换到网络标签，点击按钮后查看viewed.php请求：
   • 检查Form Data是否正确传递了id参数
   • 查看响应内容，获取后端返回的具体错误信息
3. 查看PHP服务器错误日志，排查未捕获的后端错误

内容的提问来源于stack exchange，提问作者Daev