PHP AJAX ne se met pas à jour dynamiquement même si le consolelog a une valeur correcte

Question

J'essaie de mettre à jour $_POST['category'] en cliquant sur un bouton. J'essaie d'y parvenir en utilisant AJAX (pour la première fois), comme lu sur plusieurs autres pages ici. Ma fonction JS met actuellement à jour la valeur correcte dans la console, mais elle ne peut pas réellement mettre à jour le POST avec la valeur correcte, ou du moins c'est ce que je suppose. J'ai besoin d'aide pour essayer d'obtenir la valeur d'un POST afin de pouvoir l'utiliser comme valeur en PHP.

Fichier PHP principal

<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>

Contient des fichiers PHP

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

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

Fichiers JS

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

Résolu le problème avec l'aide d'ADyson. (Merci mon homme). J'ai ajouté le code suivant $("#showmessageID").show().HTML(result) afin que le div avec l'ID showmessageID soit mis à jour à chaque fois de suite.

Le div de mon fichier PHP principal (contenant videos.php) reçoit l'ID showmessageID afin qu'il soit mis à jour à chaque fois que l'appel AJAX réussit.

Fichier PHP principal

Fichier 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);
    }
});

Vidéo.php

echo $_POST['category']