之前我问过这个问题而且无法得到答案。我能够使用方法:'得到'如下所示让它工作,所以它没关系,但这次我需要使用帖子。在一个不同的项目中(使用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()尝试这个时,我遇到了完全相同的问题。我想在这里使用帖子请求。任何人都可以为我阐明这一点吗?
答案 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);
});