Json
•Download as PPTX, PDF•
0 likes•285 views
This document provides an overview of JSON (JavaScript Object Notation) including what it is, why it is used, its syntax, examples comparing it to XML, where it can be used, and how to use it in JavaScript. JSON is a lightweight data format that is easy for humans to read and write and easy for machines to parse and generate. It is often used to transmit data between a server and web application.
More Related Content
What's hot
What's hot (20)
Viewers also liked
Similar to Json
Similar to Json (20)
More from baabtra.com - No. 1 supplier of quality freshers
More from baabtra.com - No. 1 supplier of quality freshers (20)
Recently uploaded
Recently uploaded (20)
Json
- 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. What is JSON? Stands for JavaScript Object Notation. It is used primarily to transmit data between a server and web application, as an alternative to XML Lightweight format for exchanging data between the client and server. Easy for humans to read and write. Easy for machines to parse and generate
- 5. Why JSON? JSON is recognized natively by JavaScript. Simple format. The easiness of reading . The easiness of using . Lighter than XML.
- 6. JSON Syntax An object is an unordered set of name/value pairs The pairs are enclosed within braces, { } There is a colon between the name and the value Pairs are separated by commas Example: { "name": "html", "years": 5 } An array is an ordered collection of values The values are enclosed within squarebrackets, [ ] Values are separated by commas Example: [ "html", “xml", "css" ]
- 7. JSON Syntax A value can be: A string, a number, true, false, null, an object, or an array Values can be nested Strings are enclosed in double quotes Numbers have the usual C/C++/Java syntax, including exponential (E) notation All numbers are decimal--no octal or hexadecimal Whitespace can be used between any pair of tokens
- 8. Example In JSON :- var myFirstJSON = { "firstName" : "John", "lastName" : "Doe", "age" : 23 }; In XML :- <myFirstJSON> <firstname>John</firstname> <lastname>Doe</llastname> <age>23</age> </myFirstJSON>
- 9. JSON vs XML Much Like XML Both JSON and XML is plain text Both JSON and XML is "self-describing" (human readable) Both JSON and XML is hierarchical (values within values) Both JSON and XML can be fetched with an HttpRequest Much Unlike XML JSON doesn't use end tag JSON is shorter JSON is quicker to read and write JSON can use arrays The biggest difference is: XML has to be parsed with an XML parser, JSON can be parsed by a standard JavaScript function.
- 10. Where can JSON be used? JSON is a light weight data format that can be used for transferring medium amounts of data. It can be used in Java Script and then rendered on HTML pages AJAX has many applications for JSON
- 11. Using JSON in JavaScript Need a JSON parser or a function, stringify(), to convert between JavaScript objects and JSON encoded data. JSON encoded data JavaScript object var myObject = eval('(' + myJSONtext + ')'); var myObject = JSON.parse(myJSONtext); JavaScript value JSON encoded data var myJSONText = JSON.stringify(myObject);
- 12. EXAMPLE <html> <body> <h2>JSON Object Creation in JavaScript</h2> <p id="demo"></p> <script> var text = '{"name":“Raouf","street":“Perambra","phone":“9947465474"}' var obj = JSON.parse(text); document.getElementById("demo").innerHTML = obj.name + "<br>" + obj.street + "<br>" + obj.phone; </script> </body> </html> OUTPUT
- 13. THANK YOU...
- 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. 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 Thanks in advance. www.baabtra.com | www.massbaab.com |www.baabte.com
- 16. Contact Us 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