Json – java script object notation
Download as PPT, PDF2 likes1,088 views
This document discusses JSON (JavaScript Object Notation), its properties as a data format, how it works, and its advantages for use with AJAX. JSON is a lightweight data format that represents simple data types like strings, numbers, and booleans, as well as more complex data structures. It is human-readable and can be easily parsed into a JavaScript object. Compared to XML, JSON is simpler to use with AJAX due to its direct mapping to JavaScript objects and easier element access. However, security concerns arise from its readability on the client-side. The document recommends using JSON for browser-based applications that require medium data transfer.
![ An array can be shown as
["Sunday", "Monday", "Tuesday", "Wednesday“]
All data types are intuitive and similar to other programming
languages
Also compatible with other languages like C, C++, C#,
ColdFusion, Python and many more.](https://image.slidesharecdn.com/jsonjavascriptobjectnotation-130912133608-phpapp01/85/Json-java-script-object-notation-5-320.jpg)
![ XML response at client side is:
var root = req.responseXML;
var name = root.getElementsByTagName(‘fullname’);
To access a composite element
root.getElementsByTagName(‘xyz’)[0].firstChild
To access deeper levels we need more overhead.
Reduced extensibility in XML](https://image.slidesharecdn.com/jsonjavascriptobjectnotation-130912133608-phpapp01/85/Json-java-script-object-notation-11-320.jpg)
Json – java script object notation
- 1. JSON – Java Script Object Notation Written By:-Pankaj Srivastava [email protected]
- 2. What is JSON JSON is a data interchange format Interactive Web 2.0 applications, no more use page replacement. Data transfer without refreshing a page. The most important aspects of data transfer are simplicity, extensibility, interoperability, openness and human readability Key idea in AJAX – Asynchronous Java Script and XML.
- 3. Topics to cover Overview of the working of JSON Properties of JSON as a data format JSON with AJAX Advantages of using JSON with AJAX Security Concerns in using JSON Where does it fit the best
- 4. How does it work? JSON is a subset of Java Script. JSON can be parsed by a Java Script parser. It can represent either complex or simple data as it has data types They are Strings, Number, Boolean, Objects and Arrays E.g. of Object: { "name": "Jack ("Bee") Nimble", "format": { "type": "rect", "width": 120, "interlace": false}}
- 5. An array can be shown as ["Sunday", "Monday", "Tuesday", "Wednesday“] All data types are intuitive and similar to other programming languages Also compatible with other languages like C, C++, C#, ColdFusion, Python and many more.
- 6. Properties of JSON It's simultaneously human- and machine- readable format. It has support for Unicode, allowing almost any information in any human language to be communicated; The self-documenting format that describes structure and field names as well as specific values. The strict syntax and parsing requirements that allow the necessary parsing algorithms to remain simple, efficient, and consistent; The ability to represent the most general computer science data structures: records, lists and trees.
- 7. JSON in AJAX JSON can be used in AJAX as follows: Include it in HTML directly <html>... <script> var data = JSONdata; </script>... </html> JSON is used with XMLHttpRequest and can be converted into a JavaScript structure responseData = eval('(' + responseText + ')');
- 8. Another approach is to use an invisible <iframe> for data communication. The server sends JSON text embedded in a script in a document. <html><head><script> document.domain = ‘something.com’; parent.deliver(JSONtext); </script></head></html> deliver is passed the incoming data structure.
- 9. Why is JSON better suited for AJAX? JSON is widely used in AJAX. The X in AJAX stands for XML. E.g. { "name": “Pankaj Kumar", "org": “India", } <?xml version='1.0‘ encoding='UTF-8'?> <element> <name>Pankaj Kumatr</name> <org>India</org> </element>
- 10. JSON response at client side is: var name = eval('(' + req.responseText + ')').fullname.value; To access a composite element eval('(' + req.responseText + ')').xyz.abc.value; Thus, any level deep elements can be easily accessed.
- 11. XML response at client side is: var root = req.responseXML; var name = root.getElementsByTagName(‘fullname’); To access a composite element root.getElementsByTagName(‘xyz’)[0].firstChild To access deeper levels we need more overhead. Reduced extensibility in XML
- 12. Security Concerns Same Origin Policy - JavaScript to access the contents of a Webpage, both the JavaScript and the Web page must originate from the same domain. Malicious website could serve up JavaScript that loads sensitive information from other websites using a client's credentials and communicates it back to the attacker.
- 13. Although the malicious JavaScript can’t directly manipulate the contents, it can view the execution of the JavaScript and store the results it returns. This problem gets aggravated with JSON as the JSON arrays are themselves JavaScript objects and any malicious user can view them directly.
- 14. 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 Thus, use JSON for applications that are browser based.
- 15. References: www.json.org RFC 4627, Network Working Group D. Crockford Thank you