使用password_hash()/password_verify()时Ajax请求失败求助

看起来你遇到的核心问题是PHP执行password_hash/password_verify时触发了错误，但因为没做Ajax错误处理，导致你看不到具体原因，误以为是请求本身失败。我来一步步帮你排查和解决：

第一步：给Ajax加上错误回调，定位具体问题 #

你的当前Ajax代码只监听了success事件，但请求失败时（比如服务器返回500错误）不会有任何提示。先补上error回调，这样能看到到底哪里出问题：

function submitLoginData(){
    alert("open");
    var allTheData = $("#loginSection").serialize();
    alert(allTheData);
    $.ajax({
        url:"hash.php",
        type:"post",
        data: allTheData,
        success: function(response){
            alert("请求成功");
            alert(response);
        },
        // 新增错误回调，打印详细错误信息到控制台
        error: function(xhr, status, error){
            console.log("请求状态: " + status);
            console.log("错误详情: " + error);
            console.log("服务器返回内容: " + xhr.responseText);
            alert("请求失败了，去浏览器控制台看看具体错误吧");
        }
    });
}

打开浏览器开发者工具（F12）切换到Console标签，触发登录请求后就能看到具体错误原因了。

第二步：排查PHP端的常见问题 #

根据你的代码和常见场景，大概率是以下两种情况：

1. PHP版本过低，不支持password_hash/password_verify #

这两个函数是从PHP 5.5.0才开始支持的，如果服务器PHP版本低于这个版本，会直接触发致命错误，导致服务器返回500状态码，Ajax请求失败。

你可以在hash.php开头加一行代码查看版本：

<?php
echo "PHP版本: " . PHP_VERSION;
// 其他代码...
?>

如果版本低于5.5.0，建议直接升级到7.4及以上版本（5.x系列已停止安全维护）。

2. PHP错误未显示，无法定位问题 #

默认情况下PHP可能关闭了错误显示，即使有错误也不会输出到响应里。可以在hash.php开头加上这两行开启错误显示：

<?php
error_reporting(E_ALL);
ini_set('display_errors', 1);

$a = 1+1;
echo "running";
$vari = password_hash("rasmuslerdorf",PASSWORD_DEFAULT);
echo $vari; // 别忘了输出哈希值，不然success里的response只有"running"
?>

这样如果password_hash有错误（比如版本不够、参数不对），错误信息会直接输出到响应里，通过Ajax的error回调就能看到。

第三步：实现正确的登录验证流程 #

解决请求失败问题后，我们补全完整的登录验证逻辑（模拟从数据库取用户哈希密码的场景）：

PHP代码（hash.php） #

<?php
error_reporting(E_ALL);
ini_set('display_errors', 1);

// 模拟从数据库查询到的用户数据（实际项目中需从数据库读取）
$user_data = [
    'username' => 'cloudwave',
    // 密码"rasmuslerdorf"的哈希值，由password_hash生成
    'password_hash' => '$2y$10$92IXUNpkjO0rOQ5byMi.Ye4oKoEa3Ro9llC/.og/at2.uheWG/igi'
];

// 获取表单提交的用户名和密码
$username = $_POST['username'] ?? '';
$password = $_POST['password'] ?? '';

// 执行密码验证
$login_success = false;
$message = '';
if ($username === $user_data['username']) {
    if (password_verify($password, $user_data['password_hash'])) {
        $login_success = true;
        $message = '登录成功！';
    } else {
        $message = '密码错误';
    }
} else {
    $message = '用户名不存在';
}

// 返回JSON格式的响应，方便JS处理
echo json_encode([
    'success' => $login_success,
    'message' => $message
]);
?>

JavaScript代码 #

function submitLoginData(){
    var allTheData = $("#loginSection").serialize();
    $.ajax({
        url:"hash.php",
        type:"post",
        data: allTheData,
        dataType: 'json', // 指定响应为JSON格式
        success: function(response){
            if (response.success) {
                alert(response.message);
                // 根据验证结果修改页面内容，比如替换登录表单为欢迎信息
                $('#loginSection').html('<h3>欢迎回来！</h3>');
            } else {
                alert(response.message);
            }
        },
        error: function(xhr, status, error){
            console.error("登录请求失败:", status, error);
            console.error("服务器返回:", xhr.responseText);
            alert("登录出错，请稍后重试");
        }
    });
}

这样就能实现完整的Ajax登录验证流程，根据PHP返回的结果动态修改页面内容了。

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