JSON用法

1360阅读　0评论2015-06-25　一米豆芽
分类：JavaScript


JSON: JavaScript Object Notation(JavaScript 对象表示法)

JSON 是存储和交换文本信息的语法。类似 XML。

JSON 比 XML 更小、更快，更易解析

JSON 语法是 JavaScript 对象表示法语法的子集。

  • 数据在名称/值对中
  • 数据由逗号分隔
  • 花括号保存对象
  • 方括号保存数组


实例，创建JSON对象(属性/函数)：

var employees = [
{ "firstName":"John" , "lastName":"Doe" }, 
{ "firstName":"Anna" , "lastName":"Smith" }, 
{ "firstName":"Peter" , "lastName": "Jones" },
{functionname:function(){...;}},
];

可以像这样访问 JavaScript 对象数组中的第一项：

employees[0].lastName;

实例：
js/test.js:

点击(此处)折叠或打开

  1. var AdmanageRE=(function()  //自执行匿名函数
  2. {
  3.     return{                 //返回一个JSON格式的对象
  4.         addEvent:function()
  5.         {
  6.             alert("addEvent");
  7.         },
  8.         removeEvent:function()
  9.         {
  10.             alert("removeEvent");
  11.         },    
  12.         Event:function()
  13.         {
  14.             AdmanageRE.removeEvent();
  15.         }，
  16.     }
  17. })();

点击(此处)折叠或打开

  1. <html xmlns=" style="color:#0000CC;font-size:16px;">>
  2. <head>
  3.     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  4. </head>
  5. <body style="background-color:#00">
  6.   <script src="js/test.js"></script>
  7.   <script language="javascript" type="text/javascript">
  8.   
  9.     var LOGO={
  10.         "say":"hello",
  11.         age:function(){alert("18");},
  12.         name:function(){alert("jack");},
  13.         };
  14.         
  15.     var DATA=[
  16.         {"say":"yeah"},
  17.         {age:function(){alert("18");}},
  18.         {name:function(){alert("jack");}},
  19.         ];
  20.         
  21.     var hi = function(){ alert("hi") };
  22.     hi();
  23.         
  24.     (function(){ alert("hi") })();
  25.     
  26.     DATA[2].name();
  27.     LOGO.age();
  28.     document.write(LOGO.say);
  29.     document.write(DATA[0].say);
  30.     AdmanageRE.addEvent();
  31.     AdmanageRE.removeEvent();
  32.     AdmanageRE.Event();
  33.   </script>
  34. </body>
  35. </html>


上一篇：LCD字符显示原理
下一篇：jQuery 遍历方法:$.each()