WordPress插件开发：AJAX POST请求状态200但目标PHP页面无法接收数据求助

嘿，我懂你这种明明请求成功但拿不到数据的挫败感！咱们一步步拆解问题，把它搞定：

你的现有代码核心问题 #

导致PHP接收不到数据的关键原因有两个：

• 缺少POST请求头声明：PHP默认只会解析application/x-www-form-urlencoded格式的请求体，你直接发送字符串时，服务器不知道该怎么识别这些数据。
• 数据格式无键值对结构：你直接xmlhttp.send(search)相当于只传了值没传键，PHP的$_POST数组需要键值对才能读取到内容。

快速修复现有AJAX代码 #

你可以直接修改JS代码，补上请求头并调整数据格式：

function sendSearch () {
    document.getElementById('submit').addEventListener('click', function(){
        var search = document.getElementById('search').value;
        var dir = document.getElementById('dir').value;
        
        let xmlhttp = new XMLHttpRequest();
        xmlhttp.open("POST", dir);
        // 添加Content-Type头，告诉服务器数据格式
        xmlhttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
        // 用键值对形式发送数据，PHP就能通过$_POST['search']获取
        xmlhttp.send(`search=${encodeURIComponent(search)}`);
        
        document.getElementById('search').value = "";
    })
}
sendSearch();

对应的filter.php里就能正常拿到数据了：

<?php
// 注意：如果是WordPress环境，建议先加载核心文件避免权限问题
// require_once($_SERVER['DOCUMENT_ROOT'] . '/wp-load.php');

if(isset($_POST['search'])){
    $search_term = $_POST['search'];
    // 这里写你的处理逻辑
    echo "收到的搜索内容：" . $search_term;
}
?>

更规范的WordPress AJAX用法（推荐） #

在WordPress里直接调用插件PHP文件不是最佳实践，容易绕过WordPress初始化流程引发权限、全局变量缺失问题。推荐用官方自带的AJAX API：

第一步：在插件主文件注册AJAX动作 #

<?php
// 注册前台/后台都能访问的AJAX动作
add_action('wp_ajax_nopriv_my_search_handler', 'my_search_process');
add_action('wp_ajax_my_search_handler', 'my_search_process');

function my_search_process() {
    // 安全校验并获取数据
    if(isset($_POST['search'])){
        $search_term = sanitize_text_field($_POST['search']);
        // 处理你的搜索逻辑
        wp_send_json_success(["result" => "收到搜索词：{$search_term}"]);
    } else {
        wp_send_json_error(["msg" => "未接收到搜索数据"]);
    }
    // 必须退出，避免输出多余内容
    wp_die();
}

第二步：修改JS代码适配WordPress AJAX #

function sendSearch () {
    document.getElementById('submit').addEventListener('click', function(){
        var search = document.getElementById('search').value;
        // WordPress的AJAX固定路径，也可以通过wp_localize_script传递更安全
        var ajaxUrl = '<?php echo admin_url("admin-ajax.php"); ?>';
        
        let xmlhttp = new XMLHttpRequest();
        xmlhttp.open("POST", ajaxUrl);
        xmlhttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
        // 必须包含action参数，对应PHP里注册的动作名
        xmlhttp.send(`action=my_search_handler&search=${encodeURIComponent(search)}`);
        
        // 处理返回结果
        xmlhttp.onload = function() {
            if(xmlhttp.status === 200){
                let res = JSON.parse(xmlhttp.responseText);
                res.success ? console.log(res.data.result) : console.error(res.data.msg);
            }
        }
        
        document.getElementById('search').value = "";
    })
}
sendSearch();

这样既符合WordPress开发规范，也能避免很多潜在的坑～

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