Thursday, October 24, 2013

What is JSON?

JSON
This article explains JSON, the JavaScript Object Notification.

1. JSON Introduction

JSON (JavaScript Object Notation) is an independent data exchange format. JSON is limited to text and numeric values. Binary values are not supported.
JSON is a subset of the JavaScript Specification (ECME-Script) and it is therefore directly supported in JavaScript.
Data structures in JSON are based on key / value pairs. The key is a string, the value can be a numerical value, a boolean value (true or false) or an object.
An JSON object is a set of key / value pairs which starts with "{" and ends with "}".
{
firstName:'Lars',
lastName:'Vogel',
address: {
street:'Examplestr.',
number: '31'
}
}
Lists are one or more values surrounded by [] and separated by ",".
[
{
firstName:'Lars',
lastName:'Vogel',
address: {
street:'Examplestr.',
number: '31'
}
}
,
{
firstName:'Jack',
lastName:'Hack',
address: {
street:'Examplestr.',
number: '31'
}
}
]

2. Java Script

The following is an example of an JSON object and its usage in JavaScript. You evaluate the JSON via the function eval and can then assign it to an object. This object can then be used in your JavaScript source code.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<body>
<script type="text/javascript">
<!--Evaluate the object and assign to variables -->
var user = {
firstName:'Lars',
lastName:'Vogel',
address: {
street:'Examplestr.',
number: '31'
}
};
<!--Use the object-->
alert(user.firstName + ' lives in street ' + user.address.street);
document.writeln(user.firstName + ' ' +user.lastName);
</script>
</body>
</html>

No comments:

Post a Comment