PHP Post array empty on axios POST

Question

I'm trying out Vue 2.0 and axios and I've got a little issue. When I try to send a post request using axios to my post.php file the $_POST array is always empty.

Post function:

doPost: function() {
  console.log("post in progress")
  axios.post('api/post.php', {
      title: 'foo',
      body: 'bar',
      userId: 1
  })
  .then(response => {
    console.log(response)
    console.log(response.data)
    this.filter = response.data
  })
  .catch(e => {
    this.errors.push(e)
  })
}

post.php

<?php
header('Content-Type: application/x-www-form-urlencoded');


echo json_encode($_POST);
?>

The request is completed with status 200 but returns an empty object "[]"

Note: when I change the post endpoint to jsonplaceholder tool it works fine.

I posted something similar a while ago, maybe it'll help stackoverflow.com/questions/41457181/… — A. L
– A. L, Commented Jun 28, 2017 at 10:21

Phiter · Accepted Answer · 2020-02-20 15:02:08Z

18

I think you can try this, it should be the data-type problem.

var data = new FormData();
data.append('title', 'foo');
data.append('body', 'bar');

axios.post('api/post.php', data)
    .then(response => {
        console.log(response)
        console.log(response.data)
        this.filter = response.data
    })
    .catch(e => {
        this.errors.push(e)
});

edited Feb 20, 2020 at 15:02

Phiter

15k14 gold badges52 silver badges87 bronze badges

answered Jun 28, 2017 at 10:25

gy134340

6067 silver badges20 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

kmoney12 Over a year ago

This worked after i changed it to: axios.post('api/post.php', data)

arkuuu · Accepted Answer · 2020-02-20 15:24:23Z

11

The data that is send with axios is not put into PHP's $_POST. Instead, it is in the request body and most likely in json format. To get it, try the following code:

function getRequestDataBody()
{
    $body = file_get_contents('php://input');

    if (empty($body)) {
        return [];
    }

    // Parse json body and notify when error occurs
    $data = json_decode($body, true);
    if (json_last_error()) {
        trigger_error(json_last_error_msg());
        return [];
    }

    return $data;
}


$data = getRequestDataBody();
var_dump($data)

Or you could use FormData like the other answer suggests.

answered Feb 20, 2020 at 15:24

arkuuu

6487 silver badges24 bronze badges

Comments

mvandillen · Accepted Answer · 2021-01-25 07:58:49Z

3

For me the problem was that I was using http instead of https in the url. The server returned http status code Permanently moved (to the https site). A browser or command line client (curl) follow these redirects. My code did not. Solution was to use https in the url.

answered Jan 25, 2021 at 7:58

mvandillen

94410 silver badges18 bronze badges

1 Comment

Andrei Surdu Over a year ago

YES! That's it! Can't believe that all this hassle is because of an redirect. Thank you so much for mentioning this.

Collectives™ on Stack Overflow

PHP Post array empty on axios POST

3 Answers 3

1 Comment

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related