PHP没有从JavaScript请求中检测POST JSON数据

Question

对于我的应用程序必不可少的一小部分代码，我需要一些帮助。 我正在制作一个小型点击游戏，我希望用户能够通过PHP保存和加载数据到我的服务器。 我不想使用本地存储让任何人都难以编辑经济和“欺骗”。 当用户点击我的保存按钮时，它会触发我的vue方法，该方法初始化保存。 我将数据转换为JSON格式没有问题，但是我无法让PHP通过POST读取这些数据。 我检查了网络标题，它显示正在发送的东西，似乎PHP没有抓住它。 我将在下面包含JS部分和PHP部分的代码。 如果现在是array_key_exists，那么PHP只会设置为echo，因为在解决了这个问题后，我将很容易处理其余的事情。 任何帮助将不胜感激！

我试图遵循这个，到目前为止还没有工作将JSON数据从Javascript发送到PHP？

JS

saloOut: function() {
            var saveData = {
                saveMoney: this.money,
                saveCrystals: this.crystals,
            };
            saveData = "saveData=" + (JSON.stringify(saveData));
            var sendData = new XMLHttpRequest();
            sendData.open("POST", "salo.php", true);
            sendData.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
            sendData.send(saveData);
            console.log(saveData);
        }

PHP

<?php
    if (array_key_exists("saveData", $_POST)) {
        echo "<p>SALO Ready!</p>";
    }
?>

Answer 1

在访问值之前，在PHP端解码JSON字符串，如下所示：

<?php
    if(isset($_POST['saveData'])){
        $result = json_decode($_POST['saveData'], true);
        // use $result['saveMoney'] and $result['saveCrystals'] accordingly
    }
?>

更新＃1：

正如OP在下面评论的那样， 我希望它会打印出“SALO Ready”，但它却什么都不做

那是因为您没有使用XMLHttpRequest对象的responseText属性来查看从服务器收到的文本。 使用以下代码段查看回复文字。

saloOut: function() {
    var saveData = {
        saveMoney: this.money,
        saveCrystals: this.crystals,
    };
    saveData = "saveData=" + (JSON.stringify(saveData));
    var sendData = new XMLHttpRequest();
    sendData.open("POST", "salo.php", true);
    sendData.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
    sendData.send(saveData);

    sendData.onreadystatechange = function() {
        if (this.readyState == 4 && this.status == 200) {
            alert(this.responseText);
        }
    };
}

参考： https ： //developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest/responseText