jQuery与WordPress Ajax调用返回400 Bad Request错误求助

我帮你排查下这个400错误的问题，这在WordPress AJAX开发里是非常常见的坑，主要集中在几个核心环节上，咱们一步步来修复：

1. 补全AJAX动作的注册（最可能的原因） #

你只写了处理注册逻辑的PHP函数career_portal_ajax_signup，但没把它绑定到WordPress的AJAX钩子上！WordPress要求必须明确注册AJAX动作，而且要区分登录用户和未登录用户两种场景（如果允许游客注册的话）。

修改你的PHP代码，在处理函数上方添加这两行注册代码：

// 登录用户触发的AJAX动作
add_action('wp_ajax_portal_signup', 'career_portal_ajax_signup');
// 未登录用户触发的AJAX动作（开放注册的话必须加）
add_action('wp_ajax_nopriv_portal_signup', 'career_portal_ajax_signup');

function career_portal_ajax_signup() {
    // 你的原有注册逻辑代码...
    
    // ！！重要：处理完后一定要加这句，WordPress AJAX规范要求，否则会输出多余内容导致请求异常
    wp_die();
}

2. 确认前端的ajax_url变量是有效的 #

你JS代码里用了ajax_url，但这个变量不会凭空生效，必须在PHP里通过wp_localize_script把WordPress的AJAX地址传递给前端。

假设你的JS代码放在主题的js/signup.js文件里，在PHP中添加脚本注册和本地化的代码：

function career_portal_load_scripts() {
    // 注册你的自定义JS文件
    wp_enqueue_script('career-signup-script', get_template_directory_uri() . '/js/signup.js', array('jquery'), '1.0', true);
    // 把AJAX地址传递给前端，命名为`career_ajax`对象
    wp_localize_script('career-signup-script', 'career_ajax', array(
        'ajax_url' => admin_url('admin-ajax.php')
    ));
}
add_action('wp_enqueue_scripts', 'career_portal_load_scripts');

然后把你JS里的url: ajax_url改成url: career_ajax.ajax_url，确保引用的是正确的地址。

3. 给请求加个安全锁（可选但强烈推荐） #

为了防止CSRF攻击，建议添加nonce验证，这也是WordPress开发的最佳实践：

前端步骤： #

在你的注册表单里加一个隐藏的nonce字段：

<input type="hidden" id="signup_nonce" name="signup_nonce" value="<?php echo wp_create_nonce('career_portal_signup'); ?>">

然后在JS的FormData里追加这个值：

form_data.append('signup_nonce', $('#signup_nonce').val());

PHP步骤： #

在处理函数开头加nonce验证：

function career_portal_ajax_signup() {
    // 先验证请求合法性
    if (!isset($_POST['signup_nonce']) || !wp_verify_nonce($_POST['signup_nonce'], 'career_portal_signup')) {
        wp_die('非法请求，请重试');
    }
    
    // 你的原有注册逻辑代码...
    wp_die();
}

4. 额外排查点：文件上传权限 #

如果前面的步骤都做完还是有问题，检查WordPress的wp-content/uploads目录是否有写入权限，这会影响简历文件的上传，也可能间接导致请求异常。

最后给你的JS代码做个小调整，加上阻止默认提交和错误回调，方便排查问题：

jQuery(document).ready(function($) {
    $('.submit_signup-form').on('click', function(e) {
        e.preventDefault(); // 阻止按钮默认的表单提交行为，避免页面刷新
        var full_name = $('#signup_full-name').val();
        var username = $('#signup_username').val();
        var email_address = $('#signup_email-address').val();
        var password = $('#signup_password').val();
        var phone = $('#signup_contact').val();
        var cover_letter = $('#signup_cover-letter').val();
        var resume = $('#signup_resume').prop('files')[0];
        
        var form_data = new FormData();
        form_data.append('action', 'portal_signup');
        form_data.append('signup_nonce', $('#signup_nonce').val()); // 如果加了nonce的话
        form_data.append('name', full_name);
        form_data.append('email', email_address);
        form_data.append('username', username);
        form_data.append('password', password);
        form_data.append('phone', phone);
        form_data.append('cover_letter', cover_letter);
        form_data.append('resume', resume);
        
        $.ajax({
            type: 'POST',
            url: career_ajax.ajax_url, // 用本地化后的变量
            contentType: false,
            processData: false,
            data: form_data,
            success:function(data) {
                console.log('请求成功:', data);
            },
            error: function(xhr, status, error) {
                console.log('请求错误详情:', xhr.responseText); // 打印错误信息，方便后续排查
            }
        });
    });
});

最核心的问题应该是AJAX动作未注册和前端ajax_url未正确定义，这两个是WordPress AJAX返回400错误的头号原因，先把这两个点修复，应该就能解决问题了。

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