1

Нужно отправить на сервер дату для поиска купона по введённой дате. Дата не идёт в PHP файл (при выводе выдаёт пустую строку).

Форма, написанная на Vue.js:

<form method="post" class="p-coupon__time" @submit.prevent="findCoupon()">
   <input type="date" name="picker" v-model="datePicker" title="Дата" required>
   <button class="p-coupon__button-settings" type="submit">Найти</button>
</form>

Сама функция findCoupon:

axios.post('/dist/coupon/getCouponDate.php')
   .then(response => {
        console.log(response);
        this.coupons = response.data;
        if ( this.coupons == null ) {
          this.sold = true
        } else {
          this.soldDate = true;
          this.howMuchCoupon = this.coupons[0].number;
          console.log(this.howMuchCoupon)
        }
      })
      .catch(err => {
        console.log(err)
      })

PHP файл:

$datePicker = $_POST['picker'];
$link = mysqli_connect(DB_HOST, DB_USER, DB_PASSWORD, DB_NAME);
$link -> set_charset('utf-8');
$query = "SELECT * FROM `coupons` WHERE `date` = '$datePicker'";
$result = mysqli_query($link, $query);
$link -> close();
while($row = mysqli_fetch_object($result)) {
 $rows[] = $row;
}
echo $datePicker; // Тест для вывода значения из input
echo json_encode($rows); // То что должно быть

3 ответа 3

1

Передавайте вторым параметром в axios.post(url, obj) объект. Например:

axios.post(
    '/dist/coupon/getCouponDate.php', 
    JSON.stringify({"picker":'DATE'})
).then(response => { ... }

И посмотрите что приходит в $_POST; Или $body = file_get_contents('php://input');

"SELECT * FROM `coupons` WHERE date = '$datePicker';"
4
  • смотрел $_POST. Пустая строка приходит. Толк есть только от $body = file_get_contents('php://input'). В запросе приходит дата введённая, но когда я это делаю вставляю в запрос SQL,то также прилетает null
    – KEZOV
    28 июн 2018 в 19:14
  • Попробуйте добавить вывод ошибок.
    – Daniil
    28 июн 2018 в 19:28
  • увы, не сильно шарю в php. Не мог бы подсказать как это сделать?
    – KEZOV
    28 июн 2018 в 19:30
  • Измените запрос, я добавил в ответ. Возможно поможет. И php.su/mysqli_error()
    – Daniil
    28 июн 2018 в 19:33
0

Дк вы ее и не отправляете на сервер.
POST- параметры передаются так:
axios.post('url', {picker: this.datePicker})

0
0

Ответ:

<form method="post" class="p-coupon__time" @submit.prevent="findCoupon()" ref="datePickerKeker">
  <input type="date" name="picker" v-model="datePicker" title="Дата" required>
  <button class="p-coupon__button-settings" type="submit">Найти</button>
</form>

Js:

axios.post('/dist/coupon/getCouponDate.php', new FormData(this.$refs.datePickerKeker))

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.