Question

我想将JSON数据（在这种情况下是客户端时间戳）发送到我的服务器。但是，我的代码似乎不符合我的预期。

我的想法是使用fetch将FormData（包含输入内容以JSON作为值）发送到PHP。在服务器端，PHP将使用$_POST处理表单，并向我返回JSON字符串。

我正在使用具有PHP 7.0的免费主机服务来测试内容。

下面的所有代码都在同一个文件（404.php）中：

var now = new Date();

var pkg = JSON.stringify({
    ts: now.getTime(),
    tz: now.getTimezoneOffset() / -60
})

var form = new FormData();
form.set('json', pkg);

console.log(form.has('json')) // true
console.log(form.values().next()) // return and obj contain JSON string

fetch('/404.php', {
    method: 'POST',
    body: form
});

$json = null;
if(isset($_POST['json'])) $json = json_decode($_POST['json']);

var_dump($_POST); //Result: array(0) { }

如您所见，var_dump的输出是一个空数组。但是我希望看到的是带有JSON字符串的输出。

我尝试了另一种方式，即fetch-api-json-php，但这也没有用。我在Internet上找到的所有资源通常都是关于经典AJAX的，而不是fetch API。而且其中大多数仅用于客户端，对于PHP /服务器端我找不到太多的东西。

Answer 1

这对我有用：

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<script>
    var pkg = '{"test":"data"}';
    var formData = new FormData();
    formData.set('json', pkg);

    fetch('./404.php', {
      method: 'POST',
      body: formData
    });
</script>
</head>
<body>

</body>
</html>

PHP：

<?php
$json = null;
if(isset($_POST['json'])) 
    $json = json_decode($_POST['json']);

var_dump($_POST, $json); 

// Result: array(1) { ["json"]=> string(15) "{"test":"data"}" } object(stdClass)#1 (1) { ["test"]=> string(4) "data" } 

?>

Answer 2

您可以尝试在本地计算机上运行此代码吗？

命名为55788817.php，然后粘贴此代码并运行。

  <?php
  if (isset($_POST) && !empty($_POST)) {
    $json = null;
    if(isset($_POST['json'])) $json = json_decode($_POST['json']);

    var_dump($_POST); //Result: array(1) { ["json"]=> string(29) "{"ts":1555915560755,"tz":5.5}" }
    exit;
  }
  ?>
  <!DOCTYPE html>
  <html>
  <head>
    <title></title>
  </head>
  <body>
    <button type="button" id="registerButton">Click Me!</button>
    <script>
      var now = new Date();

      var pkg = JSON.stringify({
          ts: now.getTime(),
          tz: now.getTimezoneOffset() / -60
      })

      var form = new FormData();
      form.append('json', pkg);

      console.log(form.has('json')) // true
      console.log(form.values().next()) // return and obj contain JSON string
      fetch('./55788817.php', {
          method: 'POST',
          body: form
      });
    </script>
  </body>
  </html>

为什么PHP无法从Js FormData获取中获取$ _POST数据？

2 个答案: