axios http 总是返回空数据

IT技术 javascript php reactjs redux axios
2021-05-04 01:35:08

我之前问过这个问题，但无法得到答案。我能够像下面那样使用方法：'get'来让它工作所以没关系但是这次我需要使用post。在另一个项目中（使用 react、redux、php、webpack、xampp），同样的问题又出现了，我正在努力解决这个问题。所以这里是：

注册.php

  echo $_GET['task'];

索引.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({method: 'POST'}) 并将 php 更改为 $_POST['task'] 时，我收到一条错误消息，指出 $_POST['task'] 未定义，如下所示：

索引.js

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

注册.php

echo $_POST['task'];

注意：未定义索引：任务

此外，当我使用 axios.post() 尝试此操作时，我遇到了完全相同的问题。我想在这里使用 post 请求。任何人都可以为我解释一下吗？

3个回答

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

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

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

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

作为替代方案，在客户端，您可以在 POST 之前对 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);
});
其它你可能感兴趣的问题
上一篇如何判断喷嘴是否是真正的不锈钢？ 下一篇损坏的悬垂