使用XMLHttpRequest从AJAX传参至PHP时，服务器端接收值始终为null

1. 补充POST请求的Content-Type头 #

发送application/x-www-form-urlencoded格式的POST数据时，必须设置对应请求头，否则后端无法正确解析POST参数。修改AJAX代码：

function liked(button, dataset){
    var element = button;
    element.classList.toggle("liked");

    if (!dataset) {
        document.getElementById('like-count-' + dataset).innerHTML = "Null dataset!";
        return; // 提前终止无效请求
    }
    var xhttp = new XMLHttpRequest();

    xhttp.onreadystatechange = function() {
        if (xhttp.readyState === 4 && xhttp.status === 200) {
            document.getElementById('like-count-' + dataset).innerHTML = this.responseText;
        }
    };

    xhttp.open('POST', '<?php echo base_url('update_like_count')?>', true);
    // 新增Content-Type头，确保后端能解析表单数据
    xhttp.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
    xhttp.setRequestHeader('X-Requested-With', 'XMLHTTPRequest');

    // 对dataset做URL编码，避免特殊字符导致参数解析失败
    xhttp.send('dataset_name='+encodeURIComponent(dataset));
}

2. 确认函数调用时dataset参数正确传递 #

检查调用liked函数的按钮代码，确保第二个参数传递了有效数据集名称，例如：

<button onclick="liked(this, 'my-dataset-001')">点赞</button>
<span id="like-count-my-dataset-001">0</span>

如果参数为空或未传递，后端必然收到null。

3. 适配CodeIgniter的CSRF防护（若开启） #

如果你的CodeIgniter开启了CSRF防护（默认开启），AJAX请求必须携带CSRF Token，否则请求会被框架拦截，导致无法获取POST参数。修改AJAX发送的数据：

// 获取框架生成的CSRF Token和字段名
var csrfToken = '<?php echo csrf_hash(); ?>';
var csrfName = '<?php echo csrf_token(); ?>';
// 拼接包含CSRF信息的请求数据
var requestData = csrfName + '=' + encodeURIComponent(csrfToken) + '&dataset_name=' + encodeURIComponent(dataset);
xhttp.send(requestData);

4. 优化后端PHP代码，简化调试 #

调整后端代码逻辑，先判断AJAX请求再处理参数，避免重复操作：

public function update_like_count() {
    if ($this->request->isAJAX()) {
        $dataset_name = $this->request->getPost('dataset_name');
        
        if($dataset_name) {
            $model = model('App\Models\Upload_model');
            $model->update_like_count($dataset_name);
            echo 'Success! Dataset: ' . $dataset_name;
        } else {
            echo 'Dataset not found! Received value: ' . var_export($dataset_name, true);
        }
    } else {
        echo 'Non-AJAX request rejected';
    }
}

调试步骤 #

• 打开浏览器开发者工具（F12），切换到Network标签，触发点赞请求后查看Form Data区域，确认dataset_name是否正确发送。
• 查看请求的Response内容，根据提示快速定位问题。

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