What is JSON?

9/27/2019 | John Paull

“JSON is a lightweight setup for transporting and storing data, which finds relevance mostly in sending data from server to web page. Considered as "self-describing" and easily understandable, there are several reasons why you should care about JSON.”


What Is JSON?

JSON (JavaScript Object Notation) is a technique for storing information in an easy-to-access and systematized method. In short, it offers a human-readable assembly of data that are accessible in a genuinely reasonable approach. A simple instance of Storing JSON Data is given below with available data written in JSON as follows:


var john = {

            "age" : "32",

            "country" : "United States",

            "gender" : "male"


The above script “Sample.js” creates an object accessible using the variable “john.” The curly braces on each variable indicate the value is an object. Within objects, we can declare several properties through the "name": "value" combination, parted by commas. To access the stored data in “john,” we mention the property name we require to obtain them.

For instance, let's access John’s age and country data using the snippets below:

document.write('John is ' john.age);                               // Output: John is 32

document.write('John is from the ' john.country);         // Output: John is from the United States


Why Should I Care about JSON?



With the growth of AJAX-powered sites, it is becoming increasingly important for web apps and sites to feature capabilities that render background page without delay and aid the loading data asynchronously and swiftly. With JSON, you can attain the following for your website:

  • Switching between contents of specific element offered in a layout without the need of refreshing pages. This feature delivers an additional factor to your web apps and sites, including the extra convenience for users.
  • The ease and popularity of social networks, allow several sites depend on the content offered by top social media outlets. Social media sites make available RSS feeds, which can be easily imported and used on the server-side. (Amongst the most straightforward approach to loading JSON data into our web apps is the usage of $.ajax() technique available in jQuery library.)
  • JSON helps in overcoming cross-domain problems as it offers the possibility of using a method called JSONP. The JSONP method allows users to create a callback function in sending JSON data back to its domain.


Do you plan to use JSON? The several capabilities of JSON make it an amazingly useful feature for applications and website. JSON opens up several doors which were previously termed challenging to work around, especially with data-related problems.

Is there any part you need clarification concerning JSON? Kindly let me know in your comments!