Scribd
Upload
188 views16 pages

Json PDF

The document discusses JSON (JavaScript Object Notation), including its syntax, structure, and common uses. JSON is a lightweight data format that is easy for humans to read and write and for machines to parse and generate. It is commonly used to exchange data between a web server and web application as it allows JavaScript objects to be easily converted to and from JSON strings.

Uploaded by

Hari Balajee K
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
188 views16 pages

Json PDF

The document discusses JSON (JavaScript Object Notation), including its syntax, structure, and common uses. JSON is a lightweight data format that is easy for humans to read and write and for machines to parse and generate. It is commonly used to exchange data between a web server and web application as it allows JavaScript objects to be easily converted to and from JSON strings.

Uploaded by

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

Java Script Exception

Handling and Validation

1
JSON
▪JSON stands for JavaScript Object Notation
▪JSON is a text format for storing and
transporting data
▪JSON is "self-describing" and easy to understand
▪SON is a lightweight data-interchange format
▪JSON is plain text written in JavaScript object
notation
▪JSON is used to send data between computers
▪JSON is language independent

JSON string:
'{"name":"John", "age":30, “address":”CBE”}'
It defines an object with 3 properties:
Name ,age, address

2
JSON
□The JSON format is syntactically similar to the code for creating
JavaScript objects.
□Because of this, a JavaScript program can easily
convert JSON data into JavaScript objects.
□Since the format is text only, JSON data can easily
be sent between computers, and used by any
programming language.
□JavaScript has a built in function for converting JSON
strings into JavaScript objects:

JSON.parse()

JavaScript also has a built in function for converting


an object into a JSON string:
JSON.stringify()
3
isJSON
a subset of the JavaScript syntax.
syntax
JSON Syntax Rules
JSON syntax is derived from JavaScript object
notation syntax:
❑Data is in name/value pairs
❑Data is separated by commas
❑Curly braces hold objects
❑Square brackets hold arrays
❑JSON Data - A Name and a Value
JSON data is written as name/value pairs
(key/value pairs).
A name/value pair consists of a field name (in
double quotes), followed by a colon, followed by
a value:
Example "name":"John”
The JSON format is almost identical to JavaScript objects.
In JSON, keys must be strings, written with double quotes:

JSON - {"name":"John"}

In JavaScript, keys can be strings, numbers, or


identifier names:
JavaScript - {name:"John"}

In JSON, values must be one of the following data types:


▪a string
▪a number
▪an object
▪an array
▪a boolean
▪null
5
JSON Strings
Strings in JSON must be written in double quotes.
Example {"name":"John"}
JSON Numbers
Numbers in JSON must be an integer or a floating point.
Example {"age":30}
JSON Objects
Values in JSON can be objects.
Example
{
"employee":{"name":"John", "age":30, "city":"New York"}
}
JSON Arrays
Values in JSON can be arrays.
Example
{
"employees":["John", "Anna", "Peter"]
}
JSON Booleans
Values in JSON can be true/false.
Example {"sale":true}
JSON null
Values in JSON can be null.
Example {"middlename":null}

6
JSON.parse()
A common use of JSON is to exchange data to/from a
web server.
When receiving data from a web server, the data is
always a string.
Parse the data with JSON.parse(), and the data
becomes a JavaScript object.
Example - Parsing JSON text from a web server:
'{"name":"John", "age":30, "city":"New York"}‘

Use the JavaScript function JSON.parse() to convert


text into a JavaScript object:

const obj = JSON.parse('{"name":"John", "age":30,


"city":"New York"}');

7
<!DOCTYPE html>
<html>
<body>
<h2>Creating an Object from a JSON String</h2>
<p id="demo"></p>
<script>
const txt = '{"name":"kumar", "age":30, "city":"india"}'
const obj = JSON.parse(txt);
document.getElementById("demo").innerHTML = obj.name + ",
" + obj.age+" , "+obj["city"];
</script></body></html>

8
Array as JSON
When using the JSON.parse() on a JSON derived from an
array, the method will return a JavaScript array, instead of
a JavaScript object.
<!DOCTYPE html>
<html><body>
<h2>Parsing a JSON Array.</h2>
<p>Data written as an JSON array will be parsed into a
JavaScript array.</p>
<p id="demo"></p>
<script>
const text = '[ “SSS", "BBBB", "AAA", “GGGG" ]';
const myArr = JSON.parse(text);
document.getElementById("demo").innerHTML = myArr[0];
</script></body></html>

Output: SSS

9
JSON.stringif
y()
When sending data to a web server, the data has to be a string.

Convert a JavaScript object into a string with JSON.stringify().


Stringify a JavaScript Object

object in JavaScript:

const obj = {name: "John", age: 30, city: "New York"};

Use the JavaScript function JSON.stringify() to convert it into a


string.
const myJSON = JSON.stringify(obj);

The result will be a string following the JSON notation.


myJSON is now a string, and ready to be sent to a server:

10
<!DOCTYPE html>
<html>
<body>
<h2>Create a JSON string from a JavaScript
bject.</h2>
<p id="demo"></p>
<script>
const obj = {name: "John", age: 30, city: "New
York"};
const myJSON = JSON.stringify(obj);
document.getElementById("demo").innerHTML =
myJSON;
</script></body></html>

11
Stringify a JavaScript Array
It is also possible to stringify JavaScript
arrays:
array in JavaScript:
const arr = [“John", "Peter", "Sally", "Jane"];
Use the JavaScript function JSON.stringify() to
convert it into a string.
const myJSON = JSON.stringify(arr);

12
<!DOCTYPE html>
<html><body>
<h2>Create a JSON string from a JavaScript
array.</h2>
<p id="demo"></p>
<script>
const arr = ["John", "Peter", "Sally", "Jane"];
const myJSON = JSON.stringify(arr);
document.getElementById("demo").innerHTML =
myJSON;
</script></body></html>

13
JSON Function Files
A common use of JSON is to read data from a web
server, and display the data in a web page.
4 easy steps, how to read JSON data, using
function files.
1. Create a function with parameters values and
store as .js file
2. Create a html file with JS and call the function
3. Add external script <script src=“fun
name.js"></script> (or)
4. Include function with parameters values
in same html file as prototype end with
semicolon;

14
<html><body> Fun- Array as parameter
<div id="id01"></div>
<script>
myFunction(["ssss","dddd","ggg"]);
function myFunction(arr) {
• var i;
• for(i = 0; i<arr.length; i++) { document.write("<br>array element
•} "+arr[i]); }
• </script>

<script src="json.js"></script> // ext js file


</body>
</html>

15
<html><body>script> Fun- JSON object as parameter
//myFunction('{"name":"John","age":30,"car":null}');
function myFunction(s) {

const obj=JSON.parse(s);
document.write("name "+ obj.name+" "+obj.age);
}
</script>
<script src="json2.js"></script>
</body>
</html>

16

You might also like