Serializing and deserializing JSON with JavaScript

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]
This entry was posted in JavaScript and tagged , , , , , , , . Bookmark the permalink. Post a comment or leave a trackback: Trackback URL.

Post a Comment

Your email is never published nor shared. Required fields are marked *

*
*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Why ask?