fetch does not send post data

Question

I have the following js snippet:

    fetch('/some/webhook', {
        method: 'post',
        headers: { 'content-type': 'application/json' },
        body: JSON.stringify({test:'1'})
    }).then(function(res) {
        // do something here
    }).then(function(data) {
        // do something else here
    });

For hours I am trying to get the body to my server, but the listening script sees nothing in the $_POST variable. The webhook receives the request. A simple:

die (var_dump($_POST));

results in an empty array shown in the console where I would have expected to see the variable test with value 1.

What is wrong?

I highly recommend you to add to the post the tag of the backend language. It is PHP? — Francisco, Jul 09 '20 at 18:56
Maybe it is because of CORS. Can you open the browser console and check for errors at client side too? — Aykhan, Jul 09 '20 at 19:03
Possible duplicate of https://stackoverflow.com/questions/35192841/fetch-post-with-multipart-form-data — smwhr, Jul 09 '20 at 19:05

smwhr · Accepted Answer · 2020-07-09T19:38:45.850

1

The way you are sending your data, php will not populate de _POST variable

If you want to send json content, you should do

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

echo $data["test"];

Alternative solution, if you'd rather have your data in _POST you should send a multipart/form-data header and use a new FormData(); as the body of fetch.

edited Jul 09 '20 at 19:38

answered Jul 09 '20 at 18:57

smwhr

675
6
22

1

You were almost right, but it should be "input" instead of "stdin". Now working like a charm. – Armin Hierstetter Jul 09 '20 at 19:20
@Armin Hierstter : indeed, I mixed up, thanks for the edit – smwhr Jul 09 '20 at 19:24

fetch does not send post data

1 Answers1