使用ajax请求的Echo数组值

Question

我正在尝试使用ajax发送用户点击的按钮的值。用户单击按钮后，ajax应发送包含更新的数组值的请求。如果我运行var_dump($buttons);，我会NULL。在此之前我添加$buttons = $_POST['buttons'];来获取数组，但它不会工作。为什么我显示NULL而不是数组？

我的控制台： Yay it worked ["1", "4"]

我的javascript：

    var values = [];

jQuery(document).ready(function($){

    $('.ui-btn').click(function() {
        values.push($(this).val());
        $.ajax({
            url: 'gamescreen.php',
            type: 'post',
            data: {
                buttons: values,
            },
            success: function() {
               console.log('Yay it worked', values);
            },
            error: function() {
               console.log('Something went wrong');
            }
        });
    });
});

我的HTML

 <div>
    <button name="btn1" type="submit" id="btn1" value="1" class="ui-btn"></button>
    <button name="btn2" type="submit" id="btn2" value="2" class="ui-btn"></button>
    </div> // I have up to 9 buttons, thats only a piece

我的PHP代码：

$buttons = $_POST['buttons'];
var_dump($buttons);