WELCOME
MIDHUNSUDHAKAR
midhusudhakaran@gmail.com
Midhun.sudhakar.73@facebook.com
twitter.com/midhunopus
in.linkedin.com/pub/midhun...
Disclaimer: This presentation is prepared by trainees of
baabtra as a part of mentoring program. This is not official
docu...
Contents
 WHAT IS JSON?
 JSON ADVANTAGES
 JSON STRUCTURE
 SYNTAX OF JSON
 JSON OR XML?
JSON
JavaScript Object Notation
 Lightweight data-sharing format.
 Derived from the JavaScript.
 Language independent.
...
JSON
advantages
easy for humans to read and write
JSON's structure is simple.
Better Parsing efficiency.

JSON
Structure
JSON is built on two structures:
 A collection of name/value pairs.
realized as objects.
 An ordered list...
JSON Objects
{ "firstName":"John" , "lastName":"Doe" }
This is also simple to understand, and equals to the JavaScript
sta...
JSON Arrays
JSON arrays are written inside square brackets.
An array can contain multiple objects:
{
"employees": [
{ "fir...
sample program
<!DOCTYPE html>
<html>
<body>
<h2>JSON Object Creation in JavaScript</h2>
<p>
Name: <span id="jname"></span...
JSON ➡ Native data form for
JavaScript
JSON XML
Data is readily accessible
as JSON objects
XML data needs parsing
Retrievi...
JSON VS XML
THANK YOU
Want to learn more about programming or Looking to become a good programmer?
Are you wasting time on searching so many con...
Follow us @ twitter.com/baabtra
Like us @ facebook.com/baabtra
Subscribe to us @ youtube.com/baabtra
Become a follower @ s...
Emarald Mall (Big Bazar Building)
Mavoor Road, Kozhikode,
Kerala, India.
Ph: + 91 – 495 40 25 550
NC Complex, Near Bus Sta...
Json
Upcoming SlideShare
Loading in …5
×

Json

315 views

Published on

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
315
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
7
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Json

  1. 1. WELCOME
  2. 2. MIDHUNSUDHAKAR midhusudhakaran@gmail.com Midhun.sudhakar.73@facebook.com twitter.com/midhunopus in.linkedin.com/pub/midhunsudhakar/86/a65/a9b/Phonenumber 9995586182 JSON
  3. 3. Disclaimer: This presentation is prepared by trainees of baabtra as a part of mentoring program. This is not official document of baabtra –Mentoring Partner Baabtra-Mentoring Partner is the mentoring division of baabte System Technologies Pvt . Ltd
  4. 4. Contents  WHAT IS JSON?  JSON ADVANTAGES  JSON STRUCTURE  SYNTAX OF JSON  JSON OR XML?
  5. 5. JSON JavaScript Object Notation  Lightweight data-sharing format.  Derived from the JavaScript.  Language independent.  An alternative to XML
  6. 6. JSON advantages easy for humans to read and write JSON's structure is simple. Better Parsing efficiency. 
  7. 7. JSON Structure JSON is built on two structures:  A collection of name/value pairs. realized as objects.  An ordered list of values. realized as array.
  8. 8. JSON Objects { "firstName":"John" , "lastName":"Doe" } This is also simple to understand, and equals to the JavaScript statements: firstName = "John"; lastName = "Doe";
  9. 9. JSON Arrays JSON arrays are written inside square brackets. An array can contain multiple objects: { "employees": [ { "firstName":"John" , "lastName":"Doe" }, { "firstName":"Anna" , "lastName":"Smith" }, { "firstName":"Peter" , "lastName":"Jones" } ] }
  10. 10. sample program <!DOCTYPE html> <html> <body> <h2>JSON Object Creation in JavaScript</h2> <p> Name: <span id="jname"></span><br> Age: <span id="jage"></span><br> street: <span id="jstreet"></span><br> Phone: <span id="jphone"></span><br> </p> <script> var JSONObject = { "name":"Baabtra", "street":"calicut", "age":33, "phone":"555 1234567"}; document.getElementById("jname").innerHTML=JSONObject.name; document.getElementById("jage").innerHTML=JSONObject.age; document.getElementById("jstreet").innerHTML=JSONObject.street; document.getElementById("jphone").innerHTML=JSONObject.phone; </script> </body> </html> clIck me
  11. 11. JSON ➡ Native data form for JavaScript JSON XML Data is readily accessible as JSON objects XML data needs parsing Retrieving values from JSON is as easy as importing an object in JavaScript Needs to use tedious DOM APIs and processing power to assign to variables.
  12. 12. JSON VS XML
  13. 13. THANK YOU
  14. 14. Want to learn more about programming or Looking to become a good programmer? Are you wasting time on searching so many contents online? Do you want to learn things quickly? Tired of spending huge amount of money to become a Software professional? Do an online course @ baabtra.com We put industry standards to practice. Our structured, activity based courses are so designed to make a quick, good software professional out of anybody who holds a passion for coding.
  15. 15. Follow us @ twitter.com/baabtra Like us @ facebook.com/baabtra Subscribe to us @ youtube.com/baabtra Become a follower @ slideshare.net/BaabtraMentoringPartner Connect to us @ in.linkedin.com/in/baabtra Give a feedback @ massbaab.com/baabtra Thanks in advance www.baabtra.com | www.massbaab.com |www.baabte.com
  16. 16. Emarald Mall (Big Bazar Building) Mavoor Road, Kozhikode, Kerala, India. Ph: + 91 – 495 40 25 550 NC Complex, Near Bus Stand Mukkam, Kozhikode, Kerala, India. Ph: + 91 – 495 40 25 550 Cafit Square, Hilite Business Park, Near Pantheerankavu, Kozhikode Start up Village Eranakulam, Kerala, India. Email: info@baabtra.com Contact Us

×