PHP AJAX无法动态更新$_POST值，控制台输出正常求助

核心问题 #

1. 函数名不匹配：HTML中绑定的是subCat(event)，但JS里定义的是cat(event)，点击事件无法正确触发AJAX请求（若控制台能输出值，大概率是笔误，需修正）。
2. PHP代码强制覆盖：引入的PHP文件里直接执行$_POST['category'] = '';，会清空AJAX传递的所有值。
3. 非标准属性使用：<li>标签的value属性不符合HTML规范，建议用data-*自定义属性存储分类值。
4. AJAX响应未验证：当前仅打印成功提示，未处理PHP返回结果，无法确认值是否正确接收。

修正后的代码 #

主PHP文件

<div class="subcategory text_markup_subtitle">
    <ul>
        <!-- 改用data-category存储分类值，绑定正确函数名 -->
        <li class="subhead" data-category="mobiliteit" onClick="subCat(event)">Mobiliteit</li>
        <li class="subhead" data-category="kracht" onClick="subCat(event)">Kracht</li>
        <li class="subhead" data-category="uithouding" onClick="subCat(event)">Uithouding</li>
        <li class="subhead" data-category="stretching" onClick="subCat(event)">Stretching</li>
    </ul>
</div>

JS文件

// 修正函数名与HTML绑定一致
function subCat(event) {
    // 从标准data属性获取分类值
    var category = $(event.target).data('category');
    console.log(category);

    $.ajax({
        url: "Videos.php",
        type: "POST",
        data: { category: category },
        success: function (response) {
            console.log('请求成功，PHP返回结果：', response);
            // 可在此根据返回值更新页面内容，比如刷新分类对应的视频列表
        },
        error: function(jqXHR, textStatus, errorThrown) {
            console.log('请求失败：', textStatus, errorThrown);
        }
    });
}

处理AJAX的PHP文件（Videos.php）

<?php
// 先判断是否为POST请求，再读取值
if ($_SERVER['REQUEST_METHOD'] === 'POST') {
    // 接收并过滤传入的分类值
    $category = isset($_POST['category']) ? trim($_POST['category']) : '';
    
    // 这里可添加业务逻辑，比如根据分类查询数据
    var_dump($category); // 输出值供前端验证
    
    // 如需返回结构化结果给前端，可使用JSON格式
    // echo json_encode(['status' => 'ok', 'category' => $category]);
}
?>

关键说明 #

• 禁止直接覆盖$_POST变量，应先判断请求类型，再读取并验证传入值。
• data-*属性是HTML标准自定义属性，比非标准的value更可靠。
• 通过AJAX的success回调接收PHP返回内容，既能验证值是否传递成功，也能用来动态更新页面。

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