我想将JSON数据(在本例中是客户端时间戳)发送到我的服务器。但是,我的代码似乎无法正常工作。
我的想法是使用fetch将PHP发送FormData(其中包含一个输入有JSON值)。在服务器端,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,但它也没用。我在互联网上找到的所有资源通常都是关于经典的AJAX,而不是fetch API。而且大多数只是为了客户端,我找不到很多PHP /服务器端。
您可以尝试在本地计算机上运行此代码吗?
创建一个文件名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>
这对我有用:
<!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" }
?>