即使 consolelog 具有正確的值，PHP AJAX 也不會動態更新

Question

我正在嘗試透過點擊按鈕來更新 $_POST['category']。我正在嘗試使用 AJAX（第一次）來實現此目的，如在此處的多個其他頁面上閱讀的那樣。我的 JS 函數目前在控制台中更新了正確的值，但是它無法實際將 POST 更新為正確的值，或者至少這是我假設的。我需要協助嘗試取得 POST 的值，以便我可以在 PHP 中將其用作值。

主要 PHP 檔案

#

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

包含 PHP 檔案

#

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

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

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

在 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']