AJAX POST返回403错误：Wordpress环境下如何通过jQuery调用PHP文件

你遇到的403错误是直接请求主题目录下的自定义PHP文件触发了安全拦截规则，WordPress不推荐直接调用主题内的独立PHP文件处理AJAX请求，正确做法是使用官方提供的admin-ajax.php接口处理，调整步骤如下：

删除原有的独立myphpfile.php文件，把相关逻辑移到当前启用的子主题functions.php文件中，添加以下代码：

// 注册登录用户可使用的AJAX接口
add_action('wp_ajax_get_api_data', 'handle_api_data_request');
// 注册未登录访客可使用的AJAX接口，不需要访客使用可以删掉这行
add_action('wp_ajax_nopriv_get_api_data', 'handle_api_data_request');

function handle_api_data_request() {
    // CSRF安全校验
    if (!isset($_POST['nonce']) || !wp_verify_nonce($_POST['nonce'], 'api_data_nonce')) {
        wp_send_json_error('非法请求', 403);
    }
    // 接收前端传递的qty参数
    $qty = isset($_POST['qty']) ? intval($_POST['qty']) : 0;

    // 这里替换为你原本写在myphpfile.php里的外部API调用逻辑
    $api_result = your_custom_call_external_api_function($qty);

    // 向前端返回请求结果
    wp_send_json_success($api_result);
}

// 向前端JS注入AJAX请求需要的参数
add_action('wp_enqueue_scripts', 'inject_custom_ajax_params');
function inject_custom_ajax_params() {
    wp_localize_script('jquery', 'custom_ajax_conf', [
        'ajax_url' => admin_url('admin-ajax.php'),
        'nonce' => wp_create_nonce('api_data_nonce')
    ]);
}

原代码存在三处错误：请求地址不符合WordPress规范、错误设置contentType导致PHP无法正常接收POST参数、回调函数变量名误用，修正后代码如下：

var qty = jQuery("#qty").val();
jQuery.ajax({
    url: custom_ajax_conf.ajax_url,
    method: 'POST',
    data: {
        action: 'get_api_data', // 和后台注册的钩子后缀保持一致
        nonce: custom_ajax_conf.nonce,
        qty: qty
    },
    dataType: 'json'
}).done(function(r){
    if (r.success) {
        // 接口请求成功，渲染返回结果
        jQuery('#results').html(r.data);
    } else {
        jQuery('#results').html('请求失败：' + r.data);
    }
    jQuery('#myform')[0].reset();
}).fail(function(e){
    console.log(e);
});

• 临时关闭站点安装的安全类插件（如Wordfence、Sucuri等），测试是否是插件拦截了AJAX请求
• 检查站点根目录的.htaccess文件，确认没有规则拦截admin-ajax.php的访问
• 确认上述PHP代码确实添加到了当前启用的子主题functions.php文件中，没有放错位置

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