Как правильно передать объект при помощи fetch?

Question

[photosho]

Как правильно передать объект на сервер через "fetch" POST-запросом? Перепробовал разные варианты, остановился на преобразовании в "FormData":

var form = new FormData();
for (var i in data) {
  form.append(i, JSON.stringify(data[i]));
}

fetch('/mail.php', {
  method: 'POST',
  body: form
})
.then(function(response) {
  response.json().then(function(result) {
   ...
  });
});

Но такой вариант работает только с первым уровнем вложенности: если поле является объектом, то приходит на сервер в виде сериализованной строки. Можно как-то избежать рекурсивного обхода свойств объекта? А без "FormData", если передавать просто "body: JSON.stringify(data)", на сервер ничего не приходит. И варианты с разными заголовками тоже пробовал.

Answer 1

[Rsa97]

При передаче в виде JSON считывать на сервере значение из тела запроса надо самостоятельно, автоматически оно не парсится. Например, для PHP:

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

При отправке лучше устанавливать заголовок Content-Type: application/json

Comments

[photosho]

Rsa97 а как реализовано в jQuery, например, где и объект передается, и сервер данные распознает самостоятельно?

[Rsa97]

photosho, И что придёт из jquery, если у вас будет несколько уровней в объекте?

[photosho]

Rsa97 да, похоже на то, что вложенные не распознаются.

[photosho]

Значит, без рекурсивного обхода не получится?

[Rsa97]

photosho, А что мешает передавать JSON и читать через php://input?

[photosho]

Rsa97, хочется более автоматизированно, чтобы сервер сам понимал, что передает ему клиент, без каких-либо дополнительных действий.

[Rsa97]

photosho, По мне, легче один раз написать считывание данных из тела запроса, чем придумывать, как разместить в переменные POST что-то наподобие object.category[2].level[25].name