javascript - 使用 ajax 发送一个值更改数组并进行比较

Question

我正在尝试使用 ajax 发送单击按钮的值。这些值被插入到名为 $buttons 的数组中，并且应该请求 gamescreen.php。每次新点击后，ajax 应该更新数组值。如果我运行此 echo count($buttons);，我总是得到 0，而不是点击更改数字后应该如何。我做错了什么或不能将 ajax 用于这样的事情？

点击 5 次后我的控制台显示:

Yay it worked ["3", "4", "2", "1", "3"]

    <script>
        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');
                    }
                });
            });
            // where X is your every X minutes
        });

        <?php
if (isset($_POST['buttons'])) {
            $code = 9472158;
            $arr1 = str_split($code);
            $buttons = $_POST['buttons'];
            $result1 = count($arr1);
            $result2 = count($buttons);

            if ($result1 == $result2)
            {
                //echo something in jquery language
            }
}
        ?>
    </script>

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

Answer 1

您将 PHP 与 $.ajax 请求放在同一个文件中，但您将数组发送到 gamescreen.php，因此您需要这样做；

索引.PHP

<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
       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');
                    }
                });
            });
            // where X is your every X minutes
        });
</script>

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

游戏画面.PHP

<?php 

    if(isset($_POST["buttons"])){

        $code = 9472158;
        $arr1 = str_split($code);
        $buttons = $_POST["buttons"];
        $result1 = count($arr1);
        $result2 = count($buttons);

        if ($result1 === $result2){
            //echo something in jquery language
        }

    }

?>