使用Vue和Axios将数据发布到PHP

时间:2018-11-05 14:48:59

标签: javascript php post vue.js axios

我正在尝试在Vue中使用Axios来将用户设置的POST数据设置为PHP。我正在使用PHP创建JSON对象,并希望将其过滤添加到对象中。我创建了过滤输入供用户应用,我想接受这些用户输入,然后使用Axios将值传递给PHP。

所以我到目前为止是:

onSubmit () {
axios.post('http://website.com/index.php', {
  'region': this.selectedRegion,
  'jobType': this.selectedJobType,
  'category': this.selectedCategory,
}).then(response => {
  if (response.data.error) {
    console.log('error', response.data.error)
  } else {
    this.postStatus = true;

    console.log('success', response.data.message)
  }
}).catch(error => {
  console.log(error.response)
});

}

因此,将根据用户在输入中设置的内容在Vue中设置selectedRegion,selectedJobType和selectedCategories的数据变量。然后,用户将需要单击提交按钮以运行onSubmit函数。我现在遇到的麻烦是获取这些数据并将其添加到PHP中。

编辑:尝试澄清一下。我想从JS中获取数据,然后在发布后将其输出到PHP中。

Edit2:我尝试添加:

<?php
if(isset($_POST['region'])) {
  $region = $_POST['region'];
echo $region
    }

 ?>

到PHP文件以输出区域值,但这给我一个错误,指出变量未定义

0 个答案:

没有答案