1. Special Topic JSON

2. Introducing JSON JSON (JavaScript ObjectNotation): A data format based on the object literal format Advantage of JSON over XML – JSON is a terse language with a minimum of extraneous characters

3. JSON Preferable to XML Similar to XML Text file object 978000222 15.00 { “isbn”:” 978000222”, “price”:”15.00” }

4. Introducing JSON JSON documents can contain several layers of nested values Size of a JSON data file can be further reduced through the use of array literals Following this general approach, can add more nested fields and arrays to achieve complicated data structures

5. Introducing JSON Advantage of JSON over XML – Easier to retrieve specific data values with JSON; its data structures can be treated as custom JavaScript objects with data fields referenced as object properties Disadvantage of JSON over XML – Less readable by the layperson

6. Introducing JSON Reading a JSON object with JavaScript – To retrieve a document containing a JSON object: req.responseText – To convert JSON text into a JavaScript object: var jsonData = eval( "(" + req.responseText + ")" );

7. Can Nest Widgets Smith 20.00 Blogs Harris 20.00 { “books” { “book1” : { “title”: “Widgets”, “Author”: “Smith”, “Price”: “20.00” } “book2”: { “title”: “Blogs”, “Author”: “Harris”, “Price”: “20.00” }

8. Array Literals [ ] Widgets Smith 20.00 Blogs Harris 20.00 { “books” { “book”: { “Price”: “20.00”, “title”: [“Widgets”,“Blogs”], “Author”: [“Smith”, “Harris”] } }

9. Array Literals/iterations Widgets Smith 20.00 Blogs Harris 20.00 { “books” { “book”: [ { “Price”: “15.00”, “title”: [“Widgets”,“Blogs”], “Author”: [“Smith”, “Harris”], } { “Price”: “20.00”, “title”: [“HTML”,“CSS”], “Author”: [“Langley”, “Benson”], } ] }

10. How to use HTTPRequest /GET/ send(null) Receive object responseTEXT Assign result to a variable, using EVAL function The eval() function evaluates or executes an argument To convert JSON text into an object eval() invokes the JavaScript compiler var myBooks = this.responseText var myBooks = eval( "(" + this.responseText+ ")" ); myBooks.books.book[0].price