Передать данные формы vue.js в формате json ключ/значение на обработчик php?

Question

[Sergeyjed]

Что-то не так делаю https://codepen.io/serg-style/pen/bZZyeb

В обработчике пока просто вывожу

<?php
     print($jsonData);
?>

Пустой

Comments

[wagoodoogoo]

так в самом php скрипте-то чего? он то точно рабочий?

[Sergeyjed]

wagoodoogoo, там

<?php
     print($jsonData);
?>

[wagoodoogoo]

не понял? в файле appvue.pickstyle.ru/static/lib/phpfile.php
просто
print($jsonData);
?

[Sergeyjed]

wagoodoogoo, да) я не php программист, мне нужно убедиться что данные приходят

[wagoodoogoo]

нет, jsondata это вы отдаёте, а что в скрипт приходит надо смотреть в массиве $_POST, к примеру имя будет в

$name = $_POST["Имя"];
print ($name);

[Sergeyjed]

wagoodoogoo, не получается, вот упрощенный исходник с формой https://yadi.sk/d/SmCI5RQN80rG7Q . Я запускаю через openserver

[Sergeyjed]

wagoodoogoo, вот так получилось

<?php
print  json_decode(file_get_contents('php://input'), true)['name'];
print  json_decode(file_get_contents('php://input'), true)['email'];
print  json_decode(file_get_contents('php://input'), true)['phone'];
die();
?>

[wagoodoogoo]

<?php
$postData = file_get_contents('php://input');
$data = json_decode($postData);
print $data->name;

[Sergeyjed]

wagoodoogoo, спасибо, отметил бы решением , но не могу сделать это в комментариях

Answer 1

[wagoodoogoo]

<?php
$postData = file_get_contents('php://input');
$data = json_decode($postData);
print $data->name;

Answer 2

[monochromer]

Если отправляете в формате `multipart/form-data`

const formData = new FormData(this.$refs.form);

axios({
  method: 'post',
  url: 'http://appvue.pickstyle.ru/static/lib/phpfile.php',
  data: formData,
  config: { headers: {'Content-Type': 'multipart/form-data' }}
})

Comments

[Sergeyjed]

Не получилось, исходник с формой https://yadi.sk/d/SmCI5RQN80rG7Q

[monochromer]

Sergeyjed, исходник не такой, как в вопросе. Еще раз - если отправляете как multipart/form-data
1. Поставить ref-ссылку на форму
2. Собрать данные, используя FormData:
const formData = new FormData(this.$refs.form);
3. Отправить

axios({
  method: 'post',
   url: 'send.php',
   data: formData,
   config: { headers: {'Content-Type': 'multipart/form-data' }}
})

4. Обработать
$name = $_POST["name"];

Если отправляете как json, то ответ по соседству.