I am encountering an issue while attempting to send JSON data to the server using the fetch API and PHP as the server-side language. The PHP code on the server side is quite simple:
<?php
header("Access-Control-Allow-Origin: *");
header("Access-Control-Allow-Methods: PUT, GET, POST");
header("Access-Control-Allow-Headers: Origin, X-Requested-With, Content-Type, Accept");
print_r($_POST);
?>
When I send the request with
"Content-type": "application/x-www-form-urlencoded; charset=UTF-8"fetch("http://localhost:80/test.php", {
method: 'POST',
headers: {
"Content-type": "application/x-www-form-urlencoded; charset=UTF-8"
},
body: "a=b"
})
.then(function(response){
return response.text();
})
.then(function(text){
console.log(text);
})
Everything works smoothly and the output displays:
Array
(
[a] => b
)
However, when I attempt to send the same data in JSON format like this:
fetch("http://localhost:80/test.php", {
method: 'POST',
headers: {
"Content-type": "application/x-www-form-urlencoded; charset=UTF-8"
},
body: JSON.stringify({"a":"b"})
})
.then(function(response){
return response.text();
})
.then(function(text){
console.log(text);
})
The output shows the entire array as a key, which is unexpected:
Array
(
[{"a":"b"}] =>
)
Changing the content type to "application/json" results in losing the output entirely and receiving an empty array:
Array
(
)
Could you please explain why this is happening and advise on how to achieve the desired outcome (sending complete data in JSON format).