将数据从 JavaScript 发送到 PHP，对其进行操作，然后使用 Fetch 将其发送回 JavaScript

Question

This is my JS code:

 let report_button = document.getElementById("report_button");

 report_button.addEventListener("click", e => {
 e.preventDefault();

let form = new FormData(document.getElementById("form"));

fetch("test.php", {
  method: "POST",
  body: form
}).then(res => {
  fetch("test.php", { method: "GET" })
    .then(response => response.text())
    .then(data => console.log(data));
});
});

and test.php:

<?php echo json_encode($_POST); ?>

But as response I am getting an empty array.

What's wrong with my code?

Answer 1

Try it:

fetch("test.php", {
  method: "POST",
  body: form
}).then(res => {
  return res.json();
}).then(data => {
  console.log(data);
});

Answer 2

If you just want the reponse data from the post, then you don't need the nested fetch with the GET. Instead just read the post response:

fetch('https://jsonplaceholder.typicode.com/posts', {
      method: 'POST',
      body: JSON.stringify({
        title: 'test 1',
        body: 'test 1',
        userId: 999
      }),
      headers: {
        "Content-type": "application/json; charset=UTF-8"
      }
    })
    .then(response => response.json())
    .then(json => {
      console.log('response: ' + JSON.stringify(json));
    });