How to encode JSON data in application/x-www-form-urlencoded using Axios?

Question

I have to make a post request to an API endpoint and it is required that the body of the request is encoded in application/x-www-form-urlencoded.

Here is what I am currently doing:

 // Request data const data = { grant_type: "client_credentials", }; // Request configuration const config = { method: "post", url, data, headers: { "Content-Type": "application/x-www-form-urlencoded", Authorization: "Basic " + Buffer.from(clientId + ":" + clientSecret).toString("base64"), }, }; return axios(config).then(.....

As you can see, I have my data in JSON format, so how can I pass it encoded in application/x-www-form-urlencoded?

Any ideas? Thank you.

seahorsepip · Accepted Answer · 2020-09-10 21:58:28Z

application/x-www-form-urlencoded means you can:

Send FormData body: axios post request to send form data

Or send data in the url query string: How to post query parameters with Axios?

You can also combine both.

This encoding is often used when JSON encoding doesn't meet the requirements e.g. sending files. You could send a file in a json string but that would be a base64 encoded file as string which increases the size.

user13268210 · Accepted Answer · 2020-09-10 18:26:24Z

-1

This:

JSON.stringify(data);

will return

'data = {"grant_type": "client_credentials"}'

answered Sep 10, 2020 at 18:26

user13268210

1 Comment

Take-Some-Bytes Over a year ago

And... What's the point of this? The OP wanted application/x-www-form-urlencoded, not JSON.

Collectives™ on Stack Overflow

How to encode JSON data in application/x-www-form-urlencoded using Axios?

2 Answers 2

Comments

1 Comment

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Linked

Related