Javascript fetch пустой POST?

Question

[JastaFly]

Есть запрос к серверу через fetch:

let querySettings = {
                    method: 'POST',
                    headers: {
                        'Content-Type': 'application/json;charset=utf-8'
                    },
                    body: JSON.stringify(arBrands)

                }
                fetch('/path/for/handler.php', querySettings).then(response => response.json()).then(result => {
                    console.log(result)
                })

На сервере просто возвращается $_POST:

<?php
echo json_encode($_POST);

Но в консоли всё что я вижу, это пустой массив. Что не так?!?
P.S. Я в курсе что данные могу получить таким образом:

<?php
echo file_get_contents('php://input');

Но мне бы хотелось использовать $_POST

Answer 1

[Rsa97]

Если хотите использовать $_POST, то отправляйте не JSON, а форму с Content-Type: application/x-www-form-urlencoded или Content-Type: multipart/form-data

Comments

[JastaFly]

Rsa97 попробовал, результат тот-же

[Rsa97]

JastaFly, В body вы точно передали форму, а не строку JSON?

[JastaFly]

Rsa97, нет именно что JSON я и хочу отправить на бек

[Rsa97]

JastaFly, Вы уж выберите что-то одно, либо JSON, либо $_POST.
PHP умеет автоматически разбирать в $_POST только стандартную форму.

[JastaFly]

Rsa97, то есть через fetch нельзя вот просто так взять и закинуть джейсончик на сервер через POST?!??

[JastaFly]

Кстати переделал всё на formData:

let brandForm = document.getElementsByName('MANUFACTURER_FILTER'),
                    brandFormData = new FormData(brandForm[0])
                
                let querySettings = {
                    method: 'POST',
                    headers: {
                        'Content-Type': 'multipart/form-data'
                    },
                    body: brandFormData

                }
                fetch('/local/components/enex/product.count.getter/component.php', querySettings).then(response => response.formData()).then(result => {
                    console.log(result)
                })

Теперь получаю ошибку: Uncaught (in promise) TypeError: Failed to fetch

[Rsa97]

JastaFly, Закинуть можно. И fetch, и .ajax(), и XMLHttpRequest отправят JSON на сервер. А вот получить его в PHP именно в $_POST нельзя. Можно только прочитать тело запроса через php://input.

[Rsa97]

JastaFly, А возвращается из PHP ответ с кодом 200? И в нём приходит форма?

[JastaFly]

Rsa97, Поменял метод formData() на json():

let brandForm = document.getElementsByName('MANUFACTURER_FILTER'),
                    brandFormData = new FormData(brandForm[0])
               
                let querySettings = {
                    method: 'POST',
                    headers: {
                        'Content-Type': 'multipart/form-data'
                    },
                    body: brandFormData
 
                }
                fetch('/local/components/enex/product.count.getter/component.php', querySettings).then(response => response.json()).then(result => {
                    console.log(result)
                })

Всё заработало, но массив $_POST по прежнему пуст. Вот заголовок запроса:

Вот передаваемые данные:

(скрины для версии кода с FormData)

[Rsa97]

JastaFly, Уберите в querySettings поле headers. Тогда fetch автоматически подставит правильный Content-Type с установленным значением boundary.

[JastaFly]

Rsa97, помогло. Работает)