JSON Parse() Method

February 7, 2021 11:08 am IST

You are Here:

Why JSON.parse()

When receiving a string from the web server, you have to convert that string to an object to process the received data. Thus JSON.parse() comes in action.

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

Receiving Data From Server-Side to Client-Side

The web-server will send a string to the client-side. It's your choice whether or not to convert that string to an object. To convert a string to an object, use JSON.parse().

Note: jQuery will not convert the received string to an object by itself.

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.parse()</h1> <p id="point"></p> <button onclick="myFunction()">Receive from Server</button> <script> var x = document.getElementById("point"); var data = {}; function myFunction(){ $.post("/json-receive.php",{ // send no data },function(serverData){ data = JSON.parse(serverData) x.innerHTML = data[0].name; }); } </script> </body> </html>

Run