Introduction to JSON

What is JSON?

JSON is short for JavaScript Object Notation is a lightweight data interchange format in plain text that is easy for humans to read and write, and easy for machines to parse and generate.

JSON is based on a subset of the JavaScript programming language and is often used to transmit data between a server and web application, as an alternative to XML.

How is JSON used by web developers and websites?

JSON can be used to transmit data between the client-side application and the web server. For example, when a user submits a form on a web page, the data is transmitted in JSON format to the server, where it is processed and stored in a database. The data can then be retrieved and sent back to the client in JSON format for display on the web page.

JSON is also used for APIs, where it can be used to transmit data between different web services. This makes it easier for developers to integrate different web services and build more complex applications.

Benefits of using JSON

One of the biggest advantages of using JSON is its simplicity. It is easy to read and write, which makes it a preferred format for transmitting data over the internet.

JSON is language-independent, meaning that it can be used with any programming language that can parse text

Additionally, JSON is lightweight, meaning that it does not consume a lot of resources, making it ideal for use in mobile applications or websites where speed is a concern.

How to format valid JSON code

It's important to properly format JSON to ensure that it can be parsed correctly by machines. Follow some of these best practices to ensure that the data is easy to read and understand:

• use indentation to show the hierarchy of the data
• use meaningful variable names
• use consistent formatting throughout the data.

Simple example of a JSON object:

{
    "name": "John Doe",
    "age": 30,
    "city": "Melbourne"
}

In this example, the JSON object contains three key-value pairs. The "name" key has a value of "John Doe", the "age" key has a value of 30, and the "city" key has a value of "Melbourne".

Example of a complex JSON object:

{
    "person": {
        "name": "Jane Smith",
        "age": 25,
        "address": {
            "street": "123 Main St",
            "city": "Los Angeles",
            "state": "CA",
            "zip": "90001"
        },
        "phoneNumbers": [
            {
                "type": "home",
                "number": "555-1234"
            },
            {
                "type": "work",
                "number": "555-5678"
            }
        ]
    }
}

This JSON example contains a nested "person" object, which has several key-value pairs. The "name" key has a value of "Jane Smith", the "age" key has a value of 25, and the "address" key has a nested object with several key-value pairs for the person's street address. The "phoneNumbers" key has an array value that contains two objects, each with a "type" key and a "number" key-value pair.

Where to find more information about JSON

There are many resources available for learning more about JSON. The official JSON website (json.org) provides a wealth of information, including the syntax and rules for formatting JSON data. 

There are also many online tutorials and courses available, such as those offered by Codecademy, Udemy, and Coursera. Additionally, many programming books and websites include information on JSON as part of their web development resources.

Image credit: Photo by RealToughCandy.com from Pexels

Mark Sorensen

Head Ninja / Co-Founder

Mark has been developing websites since the mid 90's and worked in IT, marketing and communication for local government over 10 years. He currently runs training sessions, manages, builds and tests websites. In his spare time, Mark is a photographer and lives with his ginger cat, Olly.