How to Convert JS Object to JSON String in JQuery/Javascript?
Given a JS Object and is the task to Convert it to JSON String.
Using JSON.stringify() method: The JSON.stringify() method in javascript allows us to take a JavaScript object or Array and create a JSON string out of it.
Syntax:
JSON.stringify(value, replacer, space)
Approach:
- Store the JSON object into the variable.
- Pass that variable in the JSON.stringify() as an argument.
- It will return the value which is to be converted into a JSON string.
Example 1: JavaScript object is converted into a string.
<!DOCTYPE html> < html > < head > < title >How to Convert JS Object to JSON String?</ title > </ script > </ head > < body > < center > < h1 style = "color:green;" > GeeksForGeeks </ h1 > < h3 >How to Convert JS Object to JSON String? </ h3 > < h4 > ----JSON Object----< br > {name: "Shubham", age: 21, Intern: "Geeksoforgeeks", Place:"Work from Home"} </ h4 > ----JSON String---- < br > < script > // Sample JS object var geeks = { name: "Shubham", age: 21, Intern: "Geeksoforgeeks", Place: "Work from Home" }; // Converting JS object to JSON string var gfg = JSON.stringify(geeks); document.write(gfg); /* Prints: {"name": "Shubham", "age": 21, "Intern": "Geeksoforgeeks", "Place":"Work from Home"}*/ </ script > </ center > </ body > </ html > |
Output:
Example 2: JavaScript object is converted into a string and generate the alert message.
<!DOCTYPE html> < html > < head > < title >How to Convert JS Object to JSON String?</ title > </ script > </ head > < body > < center > < h1 style = "color:green;" > GeeksForGeeks </ h1 > < h3 >How to Convert JS Object to JSON String? </ h3 > < h4 > ----JSON Object----< br > {name: "Shubham", age: 21, Intern: "Geeksoforgeeks", Place:"Work from Home"} </ h4 > < button onclick = "myFunction()" >Click</ button > < script > function myFunction() { // Sample JS object var geeks = { name: "Shubham", age: 21, Intern: "Geeksoforgeeks", Place: "Work from Home" }; // Converting JS object to JSON string var gfg = JSON.stringify(geeks); var print = "----JSON String----"; alert(print + "\n" + gfg); /* alert: {"name": "Shubham", "age": 21, "Intern": "Geeksoforgeeks", "Place":"Work from Home"}*/ } </ script > </ center > </ body > </ html > |
Output:
Before Click on the button:
After click on the button:
jQuery is an open source JavaScript library that simplifies the interactions between an HTML/CSS document, It is widely famous with it’s philosophy of “Write less, do more”.
You can learn jQuery from the ground up by following this jQuery Tutorial and jQuery Examples.