php - 无法将变量从 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 结果为空..

我不知道..有人可以帮助我吗？提前致谢 ：）

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