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

Question

Sergeyjed @Sergeyjed

Vue.js

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

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

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

<?php
     print($jsonData);
?>

Пустой

Вопрос задан более трёх лет назад
285 просмотров

9 комментариев

Подписаться 1 Простой 9 комментариев

wagoodoogoo @wagoodoogoo

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

Написано более трёх лет назад
Sergeyjed @Sergeyjed Автор вопроса
wagoodoogoo, там
<?php print($jsonData); ?>
Написано более трёх лет назад
wagoodoogoo @wagoodoogoo

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

Написано более трёх лет назад
Sergeyjed @Sergeyjed Автор вопроса

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

Написано более трёх лет назад
wagoodoogoo @wagoodoogoo
нет, jsondata это вы отдаёте, а что в скрипт приходит надо смотреть в массиве $_POST, к примеру имя будет в
$name = $_POST["Имя"]; print ($name);
Написано более трёх лет назад
Sergeyjed @Sergeyjed Автор вопроса

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

Написано более трёх лет назад

Sergeyjed @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 @wagoodoogoo

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

Написано более трёх лет назад

Sergeyjed @Sergeyjed Автор вопроса

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

Написано более трёх лет назад

так в самом php скрипте-то чего? он то точно рабочий?
не понял? в файле appvue.pickstyle.ru/static/lib/phpfile.php
просто
print($jsonData);
?
wagoodoogoo, да) я не php программист, мне нужно убедиться что данные приходят
нет, jsondata это вы отдаёте, а что в скрипт приходит надо смотреть в массиве $_POST, к примеру имя будет в
$name = $_POST["Имя"]; print ($name);
wagoodoogoo, не получается, вот упрощенный исходник с формой https://yadi.sk/d/SmCI5RQN80rG7Q . Я запускаю через openserver
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(); ?>
<?php $postData = file_get_contents('php://input'); $data = json_decode($postData); print $data->name;
wagoodoogoo, спасибо, отметил бы решением , но не могу сделать это в комментариях

Answer 1 · 2019-03-25 21:59:51

Если отправляете в формате `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' }}
})

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

Войдите на сайт