通过 POST 将 JSON 字符串（数组）从 Javascript 发送到 PHP

Question

几个小时以来，我试图找到一个简单的解决方案来将准备好的 JSON 字符串发送到 PHP 方法。 Javascript部分：

form = document.createElement("form"),
node = document.createElement("input");
var element1 = document.createElement("input");
form.method = "POST";
element1.value='[{"id": 110, "teamname": "first"}, {"id": 140, "teamname": "second"}]';
element1.name="teams";
form.appendChild(element1);  
form.appendChild(node.cloneNode());
form.action = "?updateTeamnames";
form.style.display = "none";
document.body.appendChild(form);
form.submit();
document.body.removeChild(form);

PHP： 如果我用 (echo file_get_contents('php://input');) 回显原始数据。我明白了：

teams=%5B%7B%22id%22%3A+110%2C+%22teamname%22%3A+%22first%22%7D%2C+%7B%22id%22%3A+140%2C+%22teamname%22%3A+%22second%22%7D%5D

如何访问 JSON 字符串团队？ 我试过这个：

$data = json_decode(file_get_contents('php://input'), true);
echo $data;

没有成功。我认为 $data 是 NULL。
我试过这个：

echo $_POST['teams'];

这导致我这样做：

[{\“id\“: 110, \“teamname\“: \“first\“}, {\“id\“: 140, \“teamname\“: \“second\“}]

不能作为json_decode中的字符串使用。

主要问题是，我不知道哪一部分是错的...
感谢您的帮助

Answer 1

您可以使用 jQuery.ajax 来发布数据，如下所示：

<script>
jQuery.ajax('./?updateTeamnames', {
    method: 'POST',
    data: {teams: [{id: 110, teamname: "first"}, {id: 140, teamname: "second"}]}
});
</script>

在 PHP 脚本中，您可以通过转储查看数据：

var_dump($_POST['teams']);