Chinaunix首页 | 论坛 | 博客

Mr.Cai的ChinaUnix博客

首页　| 　博文目录　| 　关于我

一米豆芽

  • 博客访问： 514659
  • 博文数量： 77
  • 博客积分： 0
  • 博客等级： 民兵
  • 技术积分： 689
  • 用 户 组： 普通用户
  • 注册时间： 2013-08-12 08:40
文章分类

全部博文（77）

文章存档

2018年（1）

2016年（3）

2015年（24）

2014年（49）

我的朋友
最近访客
推荐博文
JSON用法

分类： JavaScript

2015-06-25 11:38:42


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>


阅读(1305) | 评论(0) | 转发(0) |
0

上一篇：LCD字符显示原理

下一篇：jQuery 遍历方法:$.each()

给主人留下些什么吧！~~
关于我们 | 关于IT168 | 联系方式 | 广告合作 | 法律声明 | 免费注册

Copyright 2001-2010 ChinaUnix.net All Rights Reserved 北京皓辰网域网络信息技术有限公司. 版权所有

感谢所有关心和支持过ChinaUnix的朋友们

16024965号-6