This example is similar to the Serializing and deserializing JSON with PHP example. JavaScript is used instead of PHP. Douglas Crockford’s JSON library has been used for serializing and deserializing JSON in JavaScript.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd"
>
<html lang="en">
<head>
<title>JSON serialization and deserialization with JavaScript</title>
<script src="json2.js"></script>
<script type="text/javascript">
function jsonExample(){
var output = document.getElementById('output');
// Construct the array containing users
var userArray = new Array();
userArray[0] = {'name' : 'Joe', 'occupation' : 'Student'};
userArray[1] = {'name' : 'Bob', 'occupation' : 'Miner'};
userArray[2] = {'name' : 'Betty', 'occupation' : 'Housewife'};
// Serialize and print the JSON data
var serializedUsers = JSON.stringify(userArray);
output.innerHTML += "Serialized: " + serializedUsers + "\n";
// Deserialize and print the array
var deserializedUsers = JSON.parse(serializedUsers);
output.innerHTML += "Deserialized: " + deserializedUsers + "\n";
}
</script>
</head>
<body onload="jsonExample();">
<pre id="output">
</pre>
</body>
</html>
Output:
Serialized: [{"name":"Joe","occupation":"Student"},{"name":"Bob","occupation":"Miner"},{"name":"Betty","occupation":"Housewife"}]
Deserialized: [object Object],[object Object],[object Object]