An Exclusive Place for Developers and Designers - Web Developement Tutorials

JSON is a data exchange format that is a subset of the object literal notation in JavaScript. It has been gaining a lot of attention lately as a lightweight alternative to XML, especially in Ajax applications. Why is this? Because of the ability in JavaScript to parse information quickly using the eval( ) function. JSON does not require JavaScript, however, and you can use it as a simple exchange format for any scripting language.




Lets take a look what JSON looks like.

function parseResponse( ) {
/* Is the /readyState/ for the /request/ a 4 (complete)? */

if (request.readyState == 4) {
/* Is the /status/ from the server 200? */

if (request.status == 200) {

var jsonString = request.responseText;

var response = eval('(' + jsonString + ')');
// here is where the parsing would begin.
} else

alert('There was a problem retrieving the data: \n' +
request.statusText);
request = null;
}
}

This is the equivalent in XML:

<details id="1" type="book">
<author>Insic2.0</author>
<title>JSON: Getting started with JSON</title>
<detail>
<pages extra="15">>783</pages>
<isbn>>1234567< /span></isbn>
<price us="19.99" ca="19.99" />
</detail>
</details>

JSON is more elegant in describing your data because of its simplicity and more lightweight. In the next post of this tutorial I will explain JSON Requests and Responses. So stay tunned with this website

Related posts:

1. Ajax Validation with Jquery This is a very informative tutorial for developers who want...
2. Importance of noscript tag let’s check out that what the “noscript” tag can do....
3. tips to improve webpage load time Patience is a virtue, but for many, it is often...
4. Tip to open flash file in full screen in browser A quick tip for designers and developers to open a...

Related posts brought to you by Yet Another Related Posts Plugin.