Javascript 游戏信息到 PHP

Question

因此，在玩家输掉比赛后，我希望他们的分数使用 PHP 更新到数据库中。 我有一个单独的 javascript 类，它实际上运行整个游戏，但它使用 setInterval 来检查 index.php 函数以检查玩家是否输了；如果他们这样做，我希望它更新数据库。更新有效，但它没有得分，只是用 0 替换了他们拥有的任何高分。显然不是我想要的。我知道人们会推荐 AJAX，但我的教授只想要 PHP 和 Javascript，所以我在这里真的很困惑……这是 index.php 中的函数

<script type="text/javascript">
            function checkFinished(){
                if(end()){
                    <?php
                        if(isset($_SESSION["id"])){
                            $id = $_SESSION["id"];

                            $userName = $id["name"];
                            $update = "UPDATE bloodred SET score='?>score<?php' WHERE name='$userName'";
                            $update = $dbh->prepare($update);
                            $update->execute();
                        }
                    ?>
                    gameover = false;
                }
            }
</script>

如您所见，我试图通过在 $update 变量中执行此操作来获取 javascript 变量分数

score='?>score<?php'

有没有人知道任何快速的捷径来做到这一点？谢谢！

Answer 1

Javascript 是客户端，PHP 是服务器端。当您从 javascript 中删除 PHP 时，您会得到以下结果：

<script type="text/javascript">
            function checkFinished(){
                if(end()){
                    score
                    gameover = false;
                }
            }
</script>

如果您想使用 JavaScript 变量的内容更新数据库，则需要向服务器发出新请求。这可以是重定向、AJAX、套接字等。但是将 PHP 放在你的 javascript 中期望它像这样执行是行不通的。

顺便说一句，这将反过来工作，因为 PHP 是首先执行的。这对您的问题没有帮助，但可能有助于澄清您的代码为什么不起作用：

这将起作用：

<script>
alert("<?php echo $variable; ?>");
</script>

Answer 2

在查看了大家对我说的所有内容后，我想到了一个简单的解决方案： 这是新的javascript：

<script type="text/javascript">
    function checkFinished(){
        if(end()){
            document.getElementById("setScore").value = score;
            gameover = false;
        }
    }
</script>

添加了一个简单的表格：

<form name="highscore" action="<?php echo htmlspecialchars($_SERVER["PHP_SELF"]);?>" method="post">
            <input id="setScore" name="setScore" value="" type="submit" />
        </form>

然后是一些 php

<?
        if(isset($_POST)){
            if(isset($_SESSION["id"])){
                $id = $_SESSION["id"];

                $score = $_POST["setScore"];
                $userName = $id["name"];
                $update = "UPDATE bloodred SET score='$score' WHERE name='$userName'";
                $update = $dbh->prepare($update);
                $update->execute();
            }
        }
?>

Thought id 发布此内容以防其他人需要它。再次感谢大家的帮助！

Answer 3

在不使用 ajax 的情况下，您可以创建一个 iframe 并使用页面上带有 target 属性的表单发布到它。

javascript

function checkFinished(){
    if(end()){
        var iframe = document.getElementById('updateScore'),
            form = document.createElement('form'),
            input = document.createElement('input');
        if(!iframe){
            iframe = document.createElement('iframe');
            iframe.name = 'updateScore';
            iframe.id = 'updateScore';
        }

        input.name = 'score';
        input.value = getGameScore();

        form.action = '/updatescore.php';
        form.method = 'post';
        form.target = 'updateScore';
        form.appendChild(input);

        form.submit();
        form.remove();

        gameover = false;
    }
}

updatescore.php

<?php
    session_start();
    if($_SERVER['REQUEST_METHOD'] === 'POST' && isset($_SESSION['id']) && isset($_POST['score'])){
        $id = $_SESSION["id"];
        $score = $dbh->real_escape_string($_POST['score']);

        $userName = $id["name"];
        $update = "UPDATE bloodred SET score='$score' WHERE name='$userName'";
        $update = $dbh->prepare($update);
        $update->execute();
    }
?>

Answer 4

首先：AJAX 是 Javascript。

第二：PHP 是一种服务器端语言。 Javascript 一个客户端。因此，您想要将 PHP 代码与 JS 代码混合使用将永远不会奏效。当 JS 执行时，所有 PHP 代码已经被 PHP 编译器评估和执行。

有一些方法可以解决你的问题，比如：

• 您可以使用 HTML5 WebSocket，但这是一种 AJAX，用户必须拥有更新的浏览器，并且您必须实现 PHP 套接字的服务器端来监听用户游戏结束事件（服务器）。

• 您可以使用 AJAX（因为 AJAX 是 Javascript），它快速、简单且值得推荐。

• 当游戏结束时，您可以将用户重定向到另一个页面（或相同，这是您的逻辑）传递带有新分数的查询字符串或 cookie，这样做 PHP 代码可以获取更新和正确的分数值并更新数据库。

请记住，上面列出的所有表单都是不安全的，因为在客户端运行，因此，任何客户端（AKA 用户/玩家）都可以根据需要更改 score 的值。

如果您不能使用 AJAX（同样，AJAX 是 Javascript），如果您不能使用 WebSockets（服务器限制或 HTML 5 限制），您可以通过脚本标签或 iframe 标签加载 PHP（但不要告诉任何人是我让你这么做的哈哈）

<script type="text/javascript">
 var score = getCurrentScore(); //a simple method that returns the current user score to be stored in database
 function updateScore()
 {
    var s = document.createElement("script"); // create a tag script via JS
    s.scr = "updateScore.php?score=" + score + "&nocache=" + Math.floor((Math.random()*1024)+1); // determine that source of this script is the url of script that updates the score for current user, with the queryString score value. nocache querystring with random value between 1 and 1024 is just to guarantee that the script will be loaded every time  and not a cached version of a file will be acessed. For better results add a HTTP header "expire" in the updateScore.php with a small or negative value.
    s.type= "text/javascript"; // type of script (make sure that updateScore.php response a content-type text/javascript e a valid or empty javascript code
    document.getElementsByTagName("head")[0].appendChild(s); //append the tag script at the end of tag head of the current page  
 }

 // call updateScore() method when user gameover!
</script>

当您调用方法 updateScore 时，它会产生类似：

<script type="text/javascript" src="updateScore.php?score=1000&nocache=123"></script>

这类似于 AJAX 请求，或直接请求或直接访问文件。其中 score=1000 代表一个值为 1000 的分数，而 nocache=123 是一个随机值，只是为了保证文件的新加载。 （再次调用方法，nocache 值 /probably/ 将变为不同于 123 的值...）