关于XMLHttpRequest的表单用户名重复校验问题求助

嘿，我来帮你逐个捋清楚这些问题，都是前端和PHP交互时容易踩的小坑～

1. PHP中获取AJAX发送的POST数据 #

因为你设置了请求头是application/x-www-form-urlencoded，这是POST请求的标准格式，PHP会自动把这些数据解析到$_POST超全局数组里，直接取值就行：

// 获取用户名
$username = $_POST['Username'];
// 获取Found参数
$found = $_POST['Found'];

⚠️ 这里要注意你JS里的send参数写了&，这是HTML里的转义字符，在JS字符串里应该直接用&，不然PHP会把amp;Found当成参数名，导致你拿不到Found的值，这也是后面错误的诱因之一！

2. 解决“Found未定义常量”的错误 #

这个错误基本是两种情况：

• 要么你在PHP里直接写了Found而不是$_POST['Found']，PHP会把没有引号包裹的标识符当成常量去查找，而你没定义过这个常量，所以报错。比如错误写法：echo Found;，正确写法是echo $_POST['Found'];。
• 要么就是刚才说的JS里参数用了&，导致PHP里根本没有Found这个键，你访问$_POST['Found']就会报错，改成&就能解决。

3. PHP验证数据库后返回响应 #

验证用户名是否存在后，直接输出你要返回的字符串就行，AJAX会把输出的内容当成响应内容：

// 先开启错误提示方便调试（上线后关掉）
error_reporting(E_ALL);
ini_set('display_errors', 1);

// 假设你已经用PDO或mysqli连接了数据库
$username = $_POST['Username'];

// 用预处理语句防SQL注入，这很重要！
$pdo = new PDO('mysql:host=你的主机;dbname=你的数据库', '用户名', '密码');
$stmt = $pdo->prepare("SELECT id FROM users WHERE username = ?");
$stmt->execute([$username]);

// 判断是否存在用户
if ($stmt->rowCount() > 0) {
    echo "Found";
} else {
    echo "Not Found";
}

// 可以加上响应头规范类型，可选但推荐
header('Content-Type: text/plain');

4. PHP执行后未自动返回结果的问题 #

你用的是同步AJAX（open第三个参数是false），这种情况下JS会阻塞等待请求完成，但你可能没写获取响应的代码，或者PHP有隐性错误：

先改JS代码获取响应： #

function checkUsername() {
    let xhttp = new XMLHttpRequest();
    xhttp.open("POST","AjaxTest.php",false);
    xhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
    // 把&改成&！
    xhttp.send("Username=Leroy1981&Found=0");
    
    // 这里获取返回结果
    let result = xhttp.responseText;
    console.log("返回结果：", result); // 打开控制台就能看到结果
    
    // 然后根据结果处理，比如阻止表单提交
    if (result === "Found") {
        alert("这个用户名已经被注册啦！");
        return false; // 阻止表单提交
    }
    return true; // 允许提交
}

另外，同步AJAX现在已经不推荐了（会阻塞浏览器），改成异步更友好： #

function checkUsername(e) {
    e.preventDefault(); // 先阻止表单默认提交行为
    let usernameInput = document.getElementById("Username"); // 假设你的输入框id是Username
    let xhttp = new XMLHttpRequest();
    
    // 请求完成时的回调
    xhttp.onload = function() {
        if (this.status === 200) {
            let result = this.responseText;
            if (result === "Found") {
                alert("用户名已存在！");
            } else {
                // 用户名可用，手动提交表单
                document.querySelector("form").submit();
            }
        } else {
            alert("请求出错了，请稍后再试");
        }
    };
    
    xhttp.open("POST","AjaxTest.php",true); // 第三个参数true表示异步
    xhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
    // 用encodeURIComponent转义特殊字符，避免参数错误
    xhttp.send("Username=" + encodeURIComponent(usernameInput.value) + "&Found=0");
}

最后排查PHP的隐性错误： #

如果还是没结果，在PHP开头加上错误提示代码（就是上面写的error_reporting和ini_set），打开浏览器控制台看网络请求的响应内容，就能看到PHP的报错信息，比如数据库连接失败、语法错误之类的。

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