JSON stringify() Method

February 7, 2021 11:08 am IST

You are Here:

Why JSON.stringify()

You cannot send an object to a web-server, so you have to convert your object to a string. Thus JSON.stringify() comes in action.

Note: String is the only data type to exchange data between a browser and a web-server.

Sending Data From Client-Side to Server-Side

From the client-side, the object has to be converted to a string and send to the web-server. Whereas, In a web-server, you will catch the transmitted string from the client-side and convert it to an object to work with it.

Note: While sending data to a web-server jQuery will automatically convert your object to a string. So, you don't have to convert it explicitly by using JSON.stringify().

In the following example, we will convert an object to a string by using JSON.stringify().

Example

HTML Editor

<!DOCTYPE html> <html lang="en-US"> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> </head> <body> <h1>JSON.stringify()</h1> <p id="point"></p> <button onclick="myFunction()">Send to Server</button> <script> var x = document.getElementById("point"); var data = { name: "Mike", age: 36}; function myFunction(){ $.post("/json-name.php",{ myData: JSON.stringify(data) },function(serverData){ x.innerHTML = serverData; }); } </script> </body> </html>

Run