无法将变量从 jquery 传递到 php

Question

我想在同一页面上将变量从 jquery 传递到 PHP（我使用的是 WordPress）。

我试过使用 ajax post 像这样：

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

$.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-Side:

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

无法将变量从 jquery 传递到 php

Can not pass variable from jquery to php

php

ajax

wordpress

post

jquery-ajax