axios http总是返回空数据

时间:2017-01-04 09:50:19

标签: javascript php reactjs redux axios

之前我问过这个问题而且无法得到答案。我能够使用方法:'得到'如下所示让它工作,所以它没关系,但这次我需要使用帖子。在一个不同的项目中(使用react,redux,php,webpack,xampp),同样的问题已经重新出现,我正试图弄明白。所以这就是:

register.php

  echo $_GET['task'];

index.js

  const values = {task: 'doSomething', username: 'username'}
  axios({
      url: "./server/register.php",
      timeout: 20000,
      method: 'get',
      params: values
  }).then(function(response){console.log(response.data)})

当我执行上述操作时,一切正常,数据将被记录为' doSomething'。但是,当我尝试使用axios({方法:' POST'})并将PHP更改为$ _POST ['任务']时,我收到错误消息,说$ _POST [' ;任务']未定义如下:

index.js

  axios({
      url: "/projects/myProject/server/register.php",
      method: 'post',
      data: values
  }).then(function(response){console.log(response.data)})

register.php

echo $_POST['task'];
  

注意:未定义索引:任务

当我使用axios.post()尝试这个时,我遇到了完全相同的问题。我想在这里使用帖子请求。任何人都可以为我阐明这一点吗?

3 个答案:

答案 0 :(得分:6)

好的,经过相当多的刮擦我的头后,我找到了答案。在PHP上,必须先添加这一行,然后才能访问任何POST数据:

$_POST = json_decode(file_get_contents('php://input'), true);
echo $_POST['task'];

根据我的理解,从axios输入的数据是JSON,因此我们必须使用file_get_contents()以JSON编码的字符串返回它,然后使用json_decode将其转换为来自JSON编码字符串的php变量。希望这有助于其他人。谢谢。

答案 1 :(得分:1)

您的网址格式错误:它不是网址路径。您必须使用relative(/register.php)或绝对(http://localhost/register.php)url取决于您如何使用Web服务器提供此文件。

答案 2 :(得分:0)

或者,在客户端,您可以在发布之前在JavaScript中对数据进行按摩,从而无需在服务器端编辑POST数据:

var formatAxiosPostData = function (obj) {
// Create formData object:
    var formDataObject = new FormData();
// This step necessary when the obj contains additional overhead data,
// such as what's created on a 'this.$data' Vue.js object:
    obj = JSON.parse(JSON.stringify(obj));
// Fill formData object with the key-value pairs:
    Object.keys(obj).forEach(function (key) {
        formDataObject.append(key, obj[key]);
    });
    return formDataObject;
};

// example usage:
axios({
    url: "/projects/myProject/server/register.php",
    method: 'post',
    data: formatAxiosPostData(values)
}).then(function (response){
    console.log(response.data);
});