WordPress插件AJAX回调中wp_mail后嵌入JS代码不生效问题

你的交互走的是WordPress标准AJAX流程，前端通过jQuery.post()请求admin-ajax.php，预期接收合法JSON格式响应，问题出在响应输出逻辑上：

• WordPress内置的wp_send_json_success()、wp_send_json_error()函数执行时会直接输出JSON内容、立刻终止程序运行，是AJAX处理流程的最终输出节点
• 你在调用这两个函数之前提前输出了<script>标签，这些标签会直接拼接在JSON内容最前面，导致最终返回给前端的响应不是合法JSON，jQuery解析响应直接失败，绑定的成功回调根本不会触发
• 这就是为什么你加了script代码后，不仅console.log不输出，原本正常的确认弹窗也消失；删掉script输出后JSON恢复合法，弹窗就正常了
• 你之前测试“修改确认提示文本能生效”，是因为修改的是传入wp_send_json_success()的参数，属于JSON结构内部的内容，没有破坏JSON格式；挂在wp_footer钩子上的JS是随页面初始加载直接渲染到DOM里的，不属于AJAX响应内容，所以修改后能正常运行。

你需要的“邮件发送成功后、弹出确认提示前执行JS”的逻辑，根本不需要在PHP端拼接script标签，直接写在前端AJAX的成功回调里即可，这也是WordPress AJAX开发的标准写法。

具体修改步骤 #

1. 清理PHP端AJAX处理函数的多余输出：删掉updateRequest()函数中wp_mail()判断分支里所有输出script标签的代码，PHP端只负责返回纯结构化JSON数据，不要掺杂任何HTML、JS、多余空行输出。
   修正后的PHP成功分支代码参考：

if(wp_mail( $recipient, $subject, $message, $headers )){
    $confirmationTxt = empty(trim(get_option('settings_page_confirmation_text'))) ? "Request has been sent" : get_option('settings_page_confirmation_text');
    wp_send_json_success([
        'msg' => $confirmationTxt,
        'need_run_custom_js' => true
    ]);  
}else{
    wp_send_json_error( "Something Went Wrong ...!", $status_code );
}

2. 修改前端AJAX回调逻辑：找到你挂在wp_footer里的JS代码，在jQuery.post的成功回调里，弹窗逻辑之前加入你要执行的JS代码：

jQuery.post('<?php echo admin_url('admin-ajax.php') ?>', data, function(response) {
    // 此处就是wp_mail执行成功后、弹窗确认前的执行时机
    if(response.success && response.data.need_run_custom_js){
        console.log("Data alert");
        // 其他需要执行的自定义JS逻辑都可以写在这里
    }
    alert(response.data.msg);
});

额外修复建议 #

• 所有WordPress AJAX处理函数在调用wp_send_json_*系列函数前，不能有任何输出，哪怕是PHP文件开头的多余空行、echo的空格，都会破坏JSON格式导致前端解析失败
• 你代码里提前定义的console_log工具函数，仅适用于页面直接渲染的场景（比如wp_footer输出、短代码内容输出），不能在AJAX处理逻辑中使用
• 你写的updateRequstBtn短代码里，<p class="vpwur-sending-txt-pre">标签错误地用</div>闭合，属于HTML嵌套错误，建议修正为</p>避免页面样式异常。

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