Using application/x-www-form-urlencoded format

Question

118

Axios posting params not read by $_POST

rated 0 times [ 125] [ 7] / answers: 1 / hits: 83494 / 8 Years ago, wed, january 4, 2017, 12:00:00

So I have this code:

axios({

    method: 'post',

    url,

    headers: { 'Content-Type': 'application/x-www-form-urlencoded' },

    data: {

        json,

        type,

    }   

})

Originally I had the normal axios.post but I changed to this because I thought it might have been a header problem. However I am still detecting nothing in my $_REQUEST nor $_POST. However, it is receiving data in file_get_contents(php://input).

Any idea what is wrong?

Edit

Okay I think I know what's wrong. It's posting it as a json object so it can only be read in the php://input. How do I change it to a normal string in axios?

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

myrap

Add To Favorites

Follow

Total Points: 407

Total Questions: 105

Total Answers: 109

Location: Cambodia

Member since Thu, Oct 7, 2021

3 Years ago

myrap questions

1 How To Convert base64 String to PDF in React.js

Tue, Feb 8, 22, 00:00, 2 Years ago

1 Migrating away from Typescript in a React project

Wed, Jan 15, 20, 00:00, 4 Years ago

1 Can I use let in react function component?

Thu, Oct 24, 19, 00:00, 5 Years ago

1 Delay inside/after subscribe in angular

Thu, Oct 3, 19, 00:00, 5 Years ago

1 To pin the caption of the scrollable table

Mon, Aug 12, 19, 00:00, 5 Years ago

View All

answered 8 Years ago ulysses · Accepted Answer

From the documentation (I haven't preserved links in the quoted material):

Using application/x-www-form-urlencoded format

By default, axios serializes JavaScript objects to JSON.

PHP doesn't support JSON as a data format for populating $_POST.

It only supports the machine-processable formats natively supported by HTML forms:

application/x-www-form-urlencoded

multipart/form-data

To send data in the application/x-www-form-urlencoded format instead, you can use
one of the following options.

Browser

In a browser, you can use the URLSearchParams API as follows:
var params = new URLSearchParams();

params.append('param1', 'value1');

params.append('param2', 'value2');

axios.post('/foo', params); 
Note that URLSearchParams is not supported by all browsers, but there
is a polyfill available (make sure to polyfill the global
environment).

Alternatively, you can encode data using the qs library:
var qs = require('qs');

axios.post('/foo', qs.stringify({ 'bar': 123 }));

Or you could customise your PHP so it can handle JSON as per this answer on another question.