無法將變量從 jquery 傳遞到 php

Question

我想在同一頁面上將一個變量從 jquery 傳遞給 PHP（我使用的是 WordPress）。

我嘗試使用像這樣的 ajax 帖子：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
        $("li.year-item a").click(function(){
            $post = $(this);
            $.ajax({
                type  : "POST",
                url: "https://example.com/exhibition/",
                data: {yearValue: $($post).attr("value")},
                success: function (data) {
                    console.log(data);
                }
            })
        });
    });
</script>

我在腳本標簽下面得到了 post 變量：

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

但 var_dump 結果是 null..

我不知道..有人可以幫助我嗎？ 提前致謝：）

Answer 1

在 Wordpress 中，您應該使用內置的Ajax 機制。

$.ajax({
    type  : "POST",
    url: "https://your-site.com/wp-admin/admin-ajax.php",
    data: {
        action: 'retrieve_yearvalue', 
        yearValue: $($post).attr("value"),
        test: 'Test is ok'
    },
    success: function (data) {
        console.log(data);
    }
})

在 PHP 端：

add_action( 'wp_ajax_retrieve_yearvalue', 'my_year_retrieve_function' );
add_action( 'wp_ajax_nopriv_retrieve_yearvalue', 'my_year_retrieve_function' );

function my_year_retrieve_function() {
    $yearValue = $_REQUEST['yearValue'];
    $test = $_REQUEST['test'];
    
    $response = array(
        'recieved_year' => $yearValue,
        'test_data' => $test
    );
    
    wp_send_json( $response );
}