Почему выдает ошибку при отправке запроса fetch?

Question

[justifycontent]

form.addEventListener('submit', (e) => {
          e.preventDefault();
          const formData = new FormData(form);
          fetch('serv.php', {
              method: 'POST',
              headers: {
                'Content-Type': 'application/x-www-form-urlencoded'
              },
              body: formData
          })
          .then(response => response.json())
          .then(json => {
              console.log('data received:');
              console.log(`${json}`);
            });
      });

Выдает ошибку: localhost/:1 Uncaught (in promise) SyntaxError: Unexpected token a in JSON at position 0

Вот форма:

<form class="form" id="formElem">
        <input type="text" name="name" required placeholder="Name">
        <input type="phone" name="phone" required placeholder="Phone">
        <input type="email" name="email" required placeholder="E-mail">
        <textarea class="comm" type="text" required name="comment" placeholder="Comment..."></textarea>
        <button type="submit">Отправить</button>
    </form>

Comments

[Lynn «Кофеман»]

А какую именно ошибку мы должны узнать в хрустальном шаре?

[justifycontent]

Lynn «Кофеман», Забыл добавить ошибку, редактировал*

[Михаил]

justifycontent, сервер присылает не json

[WapSter]

Не верный синтаксис json видимо приходит

[Lynn «Кофеман»]

Вы получили не JSON.
Чините свой serv.php

[justifycontent]

Lynn «Кофеман», Вот что у меня в php:

<?php
    echo var_dump($_POST);

[Александр]

justifycontent, Поменяйте на

<?php
header('Content-Type: application/json');
print(json_encode($_POST));

[Петр]

Такая ошибка всегда при проблемах с CORS

[mirexdoors]

Петр, причём тут корс? Там же английским по белому написано, что сервер отдаёт невалидный джейсон (выше уже ответили)

Answer 1

[Роман Якимчук]

Анализируйте ответ сервера
Скопируйте, загоните в JSON.parse, и увидите на какой позиции невалидный символ.