Скачать или смотреть How to Access JSON.stringified Data Sent via AJAX in PHP

Learn how to work with data sent from JavaScript to PHP using AJAX with the `JSON.stringify` method, and solve common issues related to data retrieval.
---
This video is based on the question https://stackoverflow.com/q/75588336/ asked by the user 'eligolf' ( https://stackoverflow.com/u/12053079/ ) and on the answer https://stackoverflow.com/a/75588644/ provided by the user 'eligolf' ( https://stackoverflow.com/u/12053079/ ) at 'Stack Overflow' website. Thanks to these great users and Stackexchange community for their contributions.

Visit these links for original content and any more details, such as alternate solutions, latest updates/developments on topic, comments, revision history etc. For example, the original title of the Question was: How do I access JSON.stringified data which is sent over AJAX in PHP?

Also, Content (except music) licensed under CC BY-SA https://meta.stackexchange.com/help/l...
The original Question post is licensed under the 'CC BY-SA 4.0' ( https://creativecommons.org/licenses/... ) license, and the original Answer post is licensed under the 'CC BY-SA 4.0' ( https://creativecommons.org/licenses/... ) license.

If anything seems off to you, please feel free to write me at vlogize [AT] gmail [DOT] com.
---
How to Access JSON.stringified Data Sent via AJAX in PHP

If you're working with web applications, it's common to pass data from the front-end (JavaScript) to the back-end (PHP) using AJAX. A frequent question that arises is: how do I access JSON.stringified data which is sent over AJAX in PHP? This post will explain the process, helping you correctly send and retrieve your data.

The Challenge

You have created a JavaScript object and wish to send it to a PHP script using AJAX, but encountered difficulties accessing the data on the PHP side. The initial problem you faced was that accessing the contents resulted in empty values, despite confirming that the data was being sent.

Let's take a look at the JavaScript code you provided:

[[See Video to Reveal this Text or Code Snippet]]

You used JSON.stringify(myData) to convert your JavaScript object into a JSON string. However, upon processing in PHP, you encountered issues retrieving the data from $_POST['inputData'].

Understanding the Solution

After some troubleshooting, it became evident that extra backslashes were being introduced into the JSON string when received by PHP. This problem made it impossible for json_decode to work correctly.

Here’s what you found:

The PHP representation of your string appeared like this, with backslashes escaping the double quotes:

[[See Video to Reveal this Text or Code Snippet]]

Because of these backslashes, the json_decode function failed to parse the JSON string, resulting in empty outputs.

Steps to Access JSON Data in PHP

To correctly retrieve the JSON data sent via AJAX, follow these steps:

Step 1: Remove Backslashes

You need to clean the incoming JSON data to remove extra backslashes. This can be accomplished with the stripslashes function:

[[See Video to Reveal this Text or Code Snippet]]

Step 2: Access the Decoded Data

Once your JSON is properly decoded, you can access its properties just as you would with a regular PHP object:

[[See Video to Reveal this Text or Code Snippet]]

Complete Example

To put this all together, your PHP code will look something like this:

[[See Video to Reveal this Text or Code Snippet]]

Conclusion

When working with JSON data passed from JavaScript to PHP using AJAX, attention to detail is essential. Each character matters, and any extraneous escaping (like backslashes) can lead to issues accessing your data.

By ensuring that you use stripslashes before decoding, you can seamlessly access the JSON object you intend to work with.

By following these guidelines, you should now be able to properly send your JavaScript objects and retrieve them in your PHP scripts. Happy coding!