PHP AJAX wird nicht dynamisch aktualisiert, obwohl Consolelog den richtigen Wert hat

Question

Ich versuche, $_POST['category'] durch Klicken auf eine Schaltfläche zu aktualisieren. Ich versuche dies (zum ersten Mal) mit AJAX zu erreichen, wie auf mehreren anderen Seiten hier gelesen. Meine JS-Funktion aktualisiert derzeit den korrekten Wert in der Konsole, aber sie kann den POST nicht tatsächlich auf den korrekten Wert aktualisieren, oder zumindest gehe ich davon aus. Ich brauche Hilfe beim Versuch, den Wert eines POST zu ermitteln, damit ich ihn als Wert in PHP verwenden kann.

Haupt-PHP-Datei

<div class="subcategory text_markup_subtitle">
    <ul>
        <li class="subhead" value="mobiliteit" onClick="subCat(event)">Mobiliteit</li></a>
        <li class="subhead" value="kracht" onClick="subCat(event)">Kracht</li>
        <li class="subhead" value="uithouding" onClick="subCat(event)">Uithouding</li>
        <li class="subhead" value="stretching" onClick="subCat(event)">Stretching</li>
    </ul>
</div>

Enthält PHP-Dateien

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<?php  
        $_POST['category'] = '';
        var_dump($_POST['category'])
?>

JS-Dateien

function cat(event){
    var values = $(event.target).attr('value')
    console.log(values);

    $.ajax({
        url: "Videos.php",
        type: "post",
        data: { category: values },
        success: function (response) {
            console.log('succes');
        },
        error: function(jqXHR, textStatus, errorThrown) {
           console.log(textStatus, errorThrown);
        }
    });
}

Answer 1

在 ADyson 的帮助下解决了该问题。 （谢谢我的男人）。我添加了以下代码 $("#showmessageID").show().HTML(result) ，以便 ID 为 showmessageID 的 div 每次连续更新。

我的主 PHP 文件上的 div（包含 videos.php）收到了 ID showmessageID，以便在每次 AJAX 调用成功时更新它。

主要 PHP 文件

JS文件

$.ajax({
    url: "http://localhost/exercise/Videos.php",
    type: "post",
    data: { category: category_SQL },
    success: function (data) {
        $("#showmessageID").show().html(data)
    },
    error: function(jqXHR, textStatus, errorThrown) {
        console.log(textStatus, errorThrown);
    }
});

Video.php

echo $_POST['category']