Данные через Fetch() в PHP и обратно. Как отправить объект / массив?

Question

[rapidum_alder]

Пытаюсь разобраться с fetch() в Javascript. Но не знаю как отправить группу данных через POST.

То что я наваял в JS

function i(c) {return document.getElementById(c);}
var url='test.php';
i('postData').addEventListener('submit', postData);

function postData(event){event.preventDefault();
    var post = [i('tittle').value, i('body').value];
      console.log(post);
    fetch(url, {
        method: 'POST',
        body: JSON.stringify(post),
    }).then(response => response.json())
    .then((data) =>  console.log(data))
}

и PHP

<?php
$out[] = file_get_contents('php://input');
$out[] = 100;
$out[] = $_POST;
echo json_encode($out);
?>

Вывод в Консоли:

main.js:8
(2) ["12314", "134"]
0: "12314"
1: "134"
length: 2
__proto__: Array(0)

main.js:13
(3) ["["12314","134"]", 100, Array(0)]
0: "["12314","134"]"
1: 100
2: Array(0)
length: 0
__proto__: Array(0)
length: 3
__proto__: Array(0)

Возможно я забыл какой-то метод, буду рад подсказке.

Answer 1

[dpws]

<?php
$out[] = json_decode(file_get_contents('php://input'));
$out[] = 100;
$out[] = $_POST;
echo json_encode($out);
?>

Comments

[rapidum_alder]

Хаха decode, Спасибо я бы не заметил =)
Не подскажешь ешё почему $_POST У меня пустой?

[dpws]

Чтобы данные были доступны в $_POST, Вам надо отправлять не JSON а FormData

function postData(event){event.preventDefault();
    var formData = new FormData();
    formData.append('title', i('tittle').value);
    formData.append('body', i('body').value);
    fetch(url, {
        method: 'POST',
        body: formData,
    }).then(response => response.json())
    .then((data) =>  console.log(data))
}