无法通过XMLHttpRequest向PHP页面传递参数的问题排查

你现在echo不触发、功能没跑通，核心是两个低级错误加前端逻辑漏了响应读取，一步步改就行：

先改后端PHP的硬伤 #

1. 表名拼写错了：你SELECT语句里写的表名是staf，少打了末尾的f，和后面UPDATE用的staff表名不一致，只要你实际数据库表名是staff，第一步查询直接失败，后面所有判断分支、你写在分支里的echo根本不会执行。
2. 没开错误提示、没做参数校验，出了错全是静默失败，当然看不到输出。
   把后端代码替换成下面的调试版本，先把问题跑通：

<?php
// 调试阶段开全量报错，上线记得删掉这两行
error_reporting(E_ALL);
ini_set('display_errors', 1);

// 先判断参数有没有传过来，避免拿不到id直接抛错
if (!isset($_REQUEST['id']) || !trim($_REQUEST['id'])) {
    echo "参数错误：没收到有效的员工ID";
    exit;
}
$id = intval($_REQUEST['id']); // 数字ID直接转整型，顺便防SQL注入
require_once 'dbconnection.php';

// 修正表名拼写，别再写staf了
$sql = "SELECT * FROM staff WHERE StaffID = ".$id;
$result = mysqli_query($conn, $sql);
if (!$result) {
    echo "查询出错：".mysqli_error($conn);
    exit;
}

if ($row = mysqli_fetch_array($result)) {
    echo "查到员工记录，当前角色是：".$row['Role']."\n";
    if ($row['Role'] == "Receptionist") {
        $updateSQL = "UPDATE staff SET Role = 'QA' WHERE StaffID = ".$id;
        $updateResult = mysqli_query($conn, $updateSQL);
        if ($updateResult) {
            echo "操作成功：已将该前台账号提升为QA";
        } else {
            echo "更新操作出错：".mysqli_error($conn);
        }
    } else {
        echo "操作终止：该账号当前角色不是前台，不需要提升权限";
    }
} else {
    echo "查询失败：没有找到ID为".$id."的员工";
}
?>

再改前端AJAX逻辑 #

你之前写的回调只要HTTP状态码是200就直接弹固定的成功提示，根本没读后端返回的内容，就算后端echo了东西你也看不到，把回调部分改下：

<script>
function promote(id) {
    var xhttp = new XMLHttpRequest();
    xhttp.onreadystatechange = function () {
        if (this.readyState == 4 && this.status == 200) {
            // 直接把后端返回的所有内容弹出来，你写的echo调试信息全能看到
            alert(this.responseText);
        }  
    };
    xhttp.open("GET", "promoteAccount.php?id="+id, true);
    xhttp.send();
}
</script>

调试小技巧 #

不用每次点按钮触发请求，直接在浏览器地址栏输入你的站点路径/promoteAccount.php?id=测试用的ID，回车就能直接看到页面上所有echo输出和报错，排查效率高很多。
另外提一句，你现在直接拼接SQL的写法有注入风险，后续最好改成预处理语句的写法，更安全。

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