PHP 未检测到来自 JavaScript 请求的 POST JSON 数据

Question

我需要一些对我的应用程序至关重要的代码的帮助。我正在制作一个小型点击游戏，我希望用户能够通过 PHP 将数据保存和加载到我的服务器。我不想使用本地存储让任何人更难编辑他们的经济和“作弊”。当用户单击我拥有的保存按钮时，它会触发我的 vue 方法来初始化保存。我将数据转换为 JSON 格式没有问题，但是我无法让 PHP 通过 POST 读取这些数据。我检查了网络标头，它显示正在发送的东西，似乎 PHP 只是没有捕捉到它。我将在下面包含 JS 部分和 PHP 部分的代码。只有当 array_key_exists 现在存在时，PHP 才会设置为回显，因为在解决了这个问题后，我将能够轻松处理其余部分。任何帮助将不胜感激！

我已经尝试过这个，到目前为止还没有工作Send JSON data from Javascript to 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 在下面评论的那样，I expect that it will print "SALO Ready" but it is instead doing nothing

那是因为您没有使用XMLHttpRequest 对象的responseText 属性来查看从服务器接收到的文本。使用下面的 sn-p 查看响应文本。

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