javascript - 如何使用 axios 将对象数组发送到 PHP？

Question

let dataArray = [
  {
    fname: 'name #1',
    choice: 'choice #1',
  },
  {
    fname: 'name #2',
    choice: 'choice #2',
  },
  // more data could be appended here
];

我的 VueJS 表单中有一个如上所述的数据结构。如何将此数据发送到 PHP 后端并将其保存到数据库中？

到目前为止我的尝试都是徒劳的。我正在使用 axios 将数据发布到 PHP 后端。我尝试过使用 FormData() 和 JSON.stringify 以及在 PHP 端获取数据的各种方法。

据我了解，axios 在内部处理 json 格式。

这是我在应用程序中的数据结构:

data: {
  enteredDataArray: [{
    fname: '',
    radioVal: ''
  }]
}

onSubmit(evt){
  evt.preventDefault();
  axios.post('api.php', app.enteredDataArray)
  .then(res => console.log(res))
  .catch(err => console.log(err))
}

$data = $_POST;

Answer 1

PHP $_POST 需要一个 FormData。

如果你想在 PHP 中接收 JSON，$_POST 不是方法，你可以这样做:

$inputJSON = file_get_contents('php://input');
$input = json_decode($inputJSON, TRUE);
var_dump($input)