JavaScript JSON

Working with JSON in JavaScript: parsing, stringifying, and local storage.

JSON Basics

var str = '{"names":[' +
'{"first":"Hakuna","lastN":"Matata" },' +
'{"first":"Jane","lastN":"Doe" },' +
'{"first":"Air","last":"Jordan" }]}';
obj = JSON.parse(str);                      # parse JSON string
document.write(obj.names[1].first);         # access property

Send JSON

var myObj = { "name":"Jane", "age":18, "city":"Chicago" };
var myJSON = JSON.stringify(myObj);
window.location = "demo.php?x=" + myJSON;

Storing & Retrieving

myObj = { "name":"Jane", "age":18, "city":"Chicago" };
myJSON = JSON.stringify(myObj);
localStorage.setItem("testJSON", myJSON);
text = localStorage.getItem("testJSON");
obj = JSON.parse(text);
document.write(obj.name);