wp_login动作钩子失效求助：登录后无弹窗提示

嘿，我来帮你捋清楚这个问题——wp_login钩子确实会立即触发，但你的弹窗没反应，核心问题出在触发时机和脚本输出的方式上。

为啥弹窗没出来？ #

wp_login钩子的触发时机是：用户登录验证成功后，WordPress马上要执行页面跳转（比如跳转到后台仪表盘或者你之前访问的页面）之前。这时候你直接echo的JS代码会被塞进跳转的HTTP响应里，但浏览器一收到跳转指令就会立刻跳走，根本没时间执行这个弹窗脚本，所以你啥都看不到。

给你两种可行的解决办法 #

办法1：用会话变量在登录后的页面弹窗

先在wp_login钩子里存一个临时的会话变量，然后在页面加载完成后（比如底部）检查这个变量，存在的话就弹提示，弹完就删掉变量避免重复触发：

add_action( 'wp_login', 'store_login_success', 99 );
function store_login_success( $login ) {
    $user = get_user_by('login', $login);
    // 先判断用户是否存在，防止报错
    if ( !$user ) return;
    
    // 启动会话存储用户邮箱
    if ( !session_id() ) {
        session_start();
    }
    $_SESSION['login_success_email'] = $user->user_email;
}

// 在页面底部输出弹窗脚本
add_action( 'wp_footer', 'show_login_success_alert' );
function show_login_success_alert() {
    if ( !session_id() ) {
        session_start();
    }
    // 检查会话变量
    if ( isset( $_SESSION['login_success_email'] ) ) {
        $email = esc_js( $_SESSION['login_success_email'] ); // 转义内容防XSS
        echo "<script type='text/javascript'>alert('first authentication ran successfully for {$email}!')</script>";
        // 删掉变量，只弹一次
        unset( $_SESSION['login_success_email'] );
    }
}

办法2：在跳转前强制执行弹窗（适合后台登录场景）

如果是针对后台登录，也可以用login_redirect钩子，先输出弹窗脚本，再用JS延迟跳转：

add_action( 'login_redirect', 'redirect_with_login_alert', 10, 3 );
function redirect_with_login_alert( $redirect_to, $request, $user ) {
    if ( $user && is_a( $user, 'WP_User' ) ) {
        $email = esc_js( $user->user_email );
        // 先弹提示，再跳转到目标页面
        echo "<script type='text/javascript'>
            alert('first authentication ran successfully for {$email}!');
            window.location.href = '{$redirect_to}';
        </script>";
        exit; // 终止原跳转逻辑，改用JS跳转
    }
    return $redirect_to;
}

最后提两个重要细节 #

• 一定要用esc_js()转义输出到JS里的内容，不然容易出现XSS安全漏洞。
• get_user_by('login', $login)理论上在wp_login钩子下不会返回false，但加上判断能避免意外报错，代码更健壮。

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