Axios posting params not read by $_POST

by

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.

More Related Contents:

  1. How to Protect website code PHP / JS? [closed]
  2. How do I set multipart in axios with react?
  3. How do I test axios in Jest?
  4. How to set state of response from axios in react
  5. How to overcome the CORS issue in ReactJS
  6. How do you send images to node js with Axios?
  7. ‘Access-Control-Allow-Origin’ issue when API call made from React (Isomorphic app)
  8. Access Control Origin Header error using Axios
  9. Using JavaScript Axios/Fetch. Can you disable browser cache?
  10. body data not sent in axios request
  11. Axios – DELETE Request With Request Body and Headers?
  12. React: Axios Network Error
  13. Mock inner axios.create()
  14. Axios request giving getter setter methods instead of data queried
  15. FastAPI is not returning cookies to React frontend
  16. How to download a file using ReactJS with Axios in the frontend and FastAPI in the backend?
  17. Tally value in dynamically generated textbox
  18. “SyntaxError: Unexpected token < in JSON at position 0"
  19. ReactJS – Does render get called any time “setState” is called?
  20. React onClick function fires on render
  21. How to access a child’s state in React
  22. Is there any way to update a specific index from the array in Firestore
  23. Displaying pdf from arraybuffer
  24. How target DOM with react useRef in map
  25. ReactJS – Get Height of an element
  26. how to get the base url in javascript
  27. SyntaxError: JSON.parse: unexpected character at line 1 column 1 of the JSON data
  28. Trying to use React.DOM to set body styles
  29. How to have nested loops with map in JSX?
  30. How to programmatically fill input elements built with React?

Leave a Comment