1
+ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
2
+ < html > < head > < meta http-equiv ="Content-Type " content ="text/html; charset=utf-8 ">
3
+ < title > Online JSON Viewer</ title >
4
+ < meta name ="description " content ="JSON Viewer - Convert JSON Strings to a Friendly Readable Format ">
5
+ < meta name ="keywords " content ="json, json viewer ">
6
+ < link rel ="stylesheet " type ="text/css " href ="extjs/css/ext-gray-all.css ">
7
+ < script type ="text/javascript " src ="jsonviewer-all.js?v6 "> </ script >
8
+ < style type ="text/css "> .br0 {color : # 090 } .st0 {color : # 36C } .sy0 {color : # 393 }</ style >
9
+ </ head > < body >
10
+
11
+ < h1 > Online JSON Viewer</ h1 >
12
+
13
+ < div class ="tab ">
14
+ < h2 > About JSON</ h2 >
15
+ < div >
16
+ < b > JSON</ b > , short for < b > JavaScript Object Notation</ b > , is a lightweight computer data interchange format. JSON is a text-based, human-readable format for representing simple data structures and associative arrays (called objects).< br /> < br />
17
+ Read more: < a href ="http://json.org " target ="_blank "> json.org</ a > , < a href ="http://en.wikipedia.org/wiki/JSON " target ="_blank "> wikipedia</ a > , < a href ="http://www.google.com/search?q=json " target ="_blank "> google</ a > < br /> < br />
18
+ < h3 > In JSON, they take on these forms</ h3 >
19
+ < img src ="img/object.png " height ="113 " width ="598 " alt ="JSON object "/> < br /> < br />
20
+ < img src ="img/array.png " height ="113 " width ="598 " alt ="JSON array "/> < br /> < br />
21
+ < img src ="img/value.png " height ="278 " width ="598 " alt ="JSON value "/> < br /> < br />
22
+ < img src ="img/string.png " height ="413 " width ="598 " alt ="JSON string "/> < br /> < br />
23
+ < img src ="img/number.png " height ="266 " width ="598 " alt ="JSON number "/>
24
+ </ div >
25
+ </ div >
26
+
27
+ < div class ="tab ">
28
+ < h2 > Example</ h2 >
29
+ < div >
30
+
31
+ < pre > < span class ="br0 "> {</ span >
32
+ < span class ="st0 "> "firstName"</ span > < span class ="sy0 "> :</ span > < span class ="st0 "> "John"</ span > < span class ="sy0 "> ,</ span >
33
+ < span class ="st0 "> "lastName"</ span > < span class ="sy0 "> :</ span > < span class ="st0 "> "Smith"</ span > < span class ="sy0 "> ,</ span >
34
+ < span class ="st0 "> "gender"</ span > < span class ="sy0 "> :</ span > < span class ="st0 "> "man"</ span > < span class ="sy0 "> ,</ span >
35
+ < span class ="st0 "> "age"</ span > < span class ="sy0 "> :</ span > < span class ="st0 "> 32</ span > < span class ="sy0 "> ,</ span >
36
+ < span class ="st0 "> "address"</ span > < span class ="sy0 "> :</ span > < span class ="br0 "> {</ span >
37
+ < span class ="st0 "> "streetAddress"</ span > < span class ="sy0 "> :</ span > < span class ="st0 "> "21 2nd Street"</ span > < span class ="sy0 "> ,</ span >
38
+ < span class ="st0 "> "city"</ span > < span class ="sy0 "> :</ span > < span class ="st0 "> "New York"</ span > < span class ="sy0 "> ,</ span >
39
+ < span class ="st0 "> "state"</ span > < span class ="sy0 "> :</ span > < span class ="st0 "> "NY"</ span > < span class ="sy0 "> ,</ span >
40
+ < span class ="st0 "> "postalCode"</ span > < span class ="sy0 "> :</ span > < span class ="st0 "> "10021"</ span >
41
+ < span class ="br0 "> }</ span > < span class ="sy0 "> ,</ span >
42
+ < span class ="st0 "> "phoneNumbers"</ span > < span class ="sy0 "> :</ span > < span class ="br0 "> [</ span >
43
+ < span class ="br0 "> {</ span > < span class ="st0 "> "type"</ span > < span class ="sy0 "> :</ span > < span class ="st0 "> "home"</ span > < span class ="sy0 "> ,</ span > < span class ="st0 "> "number"</ span > < span class ="sy0 "> :</ span > < span class ="st0 "> "212 555-1234"</ span > < span class ="br0 "> }</ span > < span class ="sy0 "> ,</ span >
44
+ < span class ="br0 "> {</ span > < span class ="st0 "> "type"</ span > < span class ="sy0 "> :</ span > < span class ="st0 "> "fax"</ span > < span class ="sy0 "> ,</ span > < span class ="st0 "> "number"</ span > < span class ="sy0 "> :</ span > < span class ="st0 "> "646 555-4567"</ span > < span class ="br0 "> }</ span >
45
+ < span class ="br0 "> ]</ span >
46
+ < span class ="br0 "> }</ span > </ pre >
47
+
48
+ </ div >
49
+ </ div >
50
+
51
+ < div class ="tab ">
52
+ < h2 > About Online JSON Viewer</ h2 >
53
+ < div >
54
+ Convert JSON Strings to a Friendly Readable Format< br />
55
+ The application using < a href ="http://extjs.com " target ="_blank "> Ext JS</ a > .< br />
56
+ Author: {gabor}< br />
57
+ Made in 2009-2010.
58
+ </ div >
59
+ </ div >
60
+
61
+ </ body > </ html >
0 commit comments