为什么 window.location.href 没有完成 $.post..

Question

我正在为课堂制作游戏，与大多数游戏一样，用户需要完成一个关卡才能进入下一个关卡。在我的第一个级别上，我在确定用户是否赢得了该级别的 If 语句下使用它：

if (passOnLevel == 0 && passengerCarrying == 0) {
    alert("You Win!");
    $.post("gameL2.php", {"Level1": "Level1"});
    window.location.href='gameL2.php';
}

在我的gameL2.php文件中，我在文件顶部有这个：

<?php session_start(); ?>
<?php
if (isset($_POST['Level1'])) {
$_SESSION['Level1'] = $_POST['Level1'];
}
 ?>

我遇到的问题是，当我使用window.location.href='gameL2.php;时，没有设置 $_POST但是如果我删除window.location.href='gameL2.php;它不会将用户重定向到下一个级别，但是当我直接访问gameL2.php文件时，$_POST 被设置。如何让它将用户重定向到二级，但仍设置 post 变量？

Answer 1

问题是$.post是异步命令，所以当你调用它时，你会在之后立即调用location.href，$.post没有时间实际做这篇文章。

所以你需要做的是这样的：

if (passOnLevel == 0 && passengerCarrying == 0) {
    alert("You Win!");
    $.post("gameL2.php", {"Level1": "Level1"}, function() {
      window.location.href='gameL2.php';
    });
}

基本上，您正在传递一个函数，$.post完成后将调用该函数。更多内容 https://api.jquery.com/jQuery.post/

BUt，这不会解决您在第二个文件中未设置 $_POST 的问题，因为调用 $.post 和打开 gameL2.php 是两个调用，数据发送不是这样工作的。

因此，最后，您可能最好选择：

if (passOnLevel == 0 && passengerCarrying == 0) {
    alert("You Win!");
    window.location.href='gameL2.php?Level1=Level1';
}

然后在游戏L2中检查$_GET["Level1"].php