Thanks to visit codestin.com
Credit goes to www.scribd.com

Scribd
Upload
71 views2 pages

Json (Javascript Object Notation)

JSON (JavaScript Object Notation) is a lightweight data format that is easy for humans to read and write and for machines to parse and generate. It is built on two structures: a collection of name/value pairs and an ordered list of values. The document provides an example of a JSON object representing an array of employee records with first name and last name fields. It also outlines the syntax rules for JSON and how to convert a JSON string into a JavaScript object for use in a web page.

Uploaded by

Drashti Shrimal
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
71 views2 pages

Json (Javascript Object Notation)

JSON (JavaScript Object Notation) is a lightweight data format that is easy for humans to read and write and for machines to parse and generate. It is built on two structures: a collection of name/value pairs and an ordered list of values. The document provides an example of a JSON object representing an array of employee records with first name and last name fields. It also outlines the syntax rules for JSON and how to convert a JSON string into a JavaScript object for use in a web page.

Uploaded by

Drashti Shrimal
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 2

JSON(JavaScript Object Notation)

What is JSON?

JSON stands for JavaScript Object Notation. JSON is a lightweight data-


interchange format. JSON is "self-describing" and easy to understand. JSON is
language independent

JSON Example

This example defines an employees object: an array of 3 employee records


(objects):

{
"employees":[
{"firstName":"John", "lastName":"Doe"},
{"firstName":"Anna", "lastName":"Smith"},
{"firstName":"Peter", "lastName":"Jones"}
]
}

JSON Syntax Rules

Data is in name/value pairs. Data is separated by commas. Curly braces hold


objects. Square brackets hold arrays

JSON Arrays

JSON arrays are written inside square brackets. Just like in JavaScript, an array can
contain objects:

"employees":[
{"firstName":"John", "lastName":"Doe"},
{"firstName":"Anna", "lastName":"Smith"},
{"firstName":"Peter", "lastName":"Jones"}
]
In the example above, the object "employees" is an array. It contains three objects.

Each object is a record of a person (with a first name and a last name).

Converting a JSON Text to a JavaScript Object

A common use of JSON is to read data from a web server, and display the data in a
web page.

For simplicity, this can be demonstrated using a string as input.

First, create a JavaScript string containing JSON syntax:

var text = '{ "employees" : [' +


'{ "firstName":"John" , "lastName":"Doe" },' +
'{ "firstName":"Anna" , "lastName":"Smith" },' +
'{ "firstName":"Peter" , "lastName":"Jones" } ]}';

Then, use the JavaScript built-in function JSON.parse() to convert the string into a
JavaScript object:

var obj = JSON.parse(text);

Finally, use the new JavaScript object in your page:

Example
<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML =
obj.employees[1].firstName + " " + obj.employees[1].lastName;
</script>

You might also like