<< Chapter < Page Chapter >> Page >

Complete script listings

Listing 16 . Json0130a.htm.

<!--01/26/14 Illustrates the differencebetween the syntax of a JavaScript object and a JSON string that looks a lot likea JavaScript object. Must parse the JSON string to turn it into a JavaScriptobject before processing it using JavaScript. Uses JSON.stringify to produce a JSON string from aJavaScript object. Uses JSON.parse to produce a JavaScript object froma JSON string.--><!DOCTYPE html><html><head><title>ParseJSON01</title></head><body><script>//Define a function function aMethod(){return true;};document.write("Create a JavaScript object."); var obj01 = {name:"Bill",age:31,method:aMethod};document.write( "<br/>Unsuccessful attempt to display object."); document.write("<br/>" + obj01); document.write("<br/>Display keys in object: "); for (var key in obj01) {if (obj01.hasOwnProperty(key)) { document.write(key + " ");}//end if }//end for loopdocument.write("<br/>Display values in object: "); document.write(obj01.name + ", "+ obj01.age + ", " + obj01.method()); document.write("<br/>Transform JavaScript object " + "into a JSON string.");// Note that the method does not become part of the // JSON string.var jsonstring = JSON.stringify(obj01); document.write("<br/>Display JSON string " + jsonstring ); document.write("<br/>Unsuccessful attempt to " + "access name and age.");document.write("<br/>" + jsonstring.name + ", " + jsonstring.age);document.write("<br/>Transform the JSON string " + "into a JavaScript object.");var obj02 = JSON.parse(jsonstring); document.write("<br/>Display values in object: "); document.write(obj02.name + ", " + obj02.age);document.write("<br/>Display keys in object: ");; // Note that it does not contain the method from the// original JavaScript object. for (var key in obj02) {if (obj02.hasOwnProperty(key)) { document.write(key + " ");}//end if }//end for loop</script></body></html>
Listing 17 . Json0130b.htm.
<!--01/26/14---------------------------------------------// Illustrates the difference between the syntax of aJavaScript object a JSON string that looks a lot like a JavaScript object where each involves array data. Mustparse the JSON text to turn it into a JavaScript object before processing it using JavaScript. --><!DOCTYPE html><html><head><title>ParseJSON02</title></head><body><script>document.write("Create a JavaScript object " + "involving array data.");var obj01 = {friends:[ {name:"Bill",age:31},{name:"Jill",age:40}]}; document.write("<br/>Display values in object."); document.write("<br/>" + obj01.friends[0].name +":" + obj01.friends[0].age);document.write("<br/>" + obj01.friends[1].name +":" + obj01.friends[1].age);document.write("<br/>Transform the object into a JSON string."); var jsontext = JSON.stringify(obj01);document.write("<br/>Display JSON string."); document.write("<br/>" + jsontext); document.write("<br/>Transform the JSON string " + "into a JavaScript object.");var obj02 = JSON.parse(jsontext); document.write("<br/>Display values in object."); document.write("<br/>" + obj02.friends[0].name+ ":" + obj02.friends[0].age);document.write("<br/>" + obj02.friends[1].name+ ":" + obj02.friends[1].age);</script></body></html>
Listing 18 . Json0130d.htm.
<!DOCTYPE html><html><body><script>var jScrObj01 = {"name":"John","age":33}; var jSonStr01 = '{"name":"Bill","age":33}';document.write("<br/>1. " + jScrObj01.name); document.write("<br/>2. " + jSonStr01.name);document.write("<br/>3. " + jScrObj01); document.write("<br/>4. " + jSonStr01);var jScrObj02 = JSON.parse(jSonStr01); var jSonStr02 = JSON.stringify(jScrObj01);document.write("<br/>5. " + jScrObj02.name); document.write("<br/>6. " + jSonStr02.name);document.write("<br/>7. " + jScrObj02); document.write("<br/>8. " + jSonStr02);</script></body></html>

-end-

Get Jobilize Job Search Mobile App in your pocket Now!

Get it on Google Play Download on the App Store Now




Source:  OpenStax, Introduction to xml. OpenStax CNX. Dec 02, 2014 Download for free at https://legacy.cnx.org/content/col11207/1.18
Google Play and the Google Play logo are trademarks of Google Inc.

Notification Switch

Would you like to follow the 'Introduction to xml' conversation and receive update notifications?

Ask