您的位置:首页 > Web前端 > JavaScript

[置顶]       JSON学习

2013-05-08 14:04 417 查看
本节摘要:最近在做系统的外围接口,工作中涉及到了JSON这个知道点,本节主要是对JSON的学习做一个简单的记录。

preparation

1.关于JSON的介绍

JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式,易于人阅读和编写,同时也易于机器解析和生成。 JSON建构于两种结构: 1. “名称/值”对的集合(A collection of name/value pairs)。不同的语言中,它被理解为对象(object),记录(record),结构(struct),字典(dictionary),哈希表(hash table),有键列表(keyed list),或者关联数组 (associative array)。 2.值的有序列表(An ordered list of values)。在大部分语言中,它被理解为数组(array)。

2.下载JSON.js文件,主要使用的是json.js中的toJSONString()函数

http://files.cnblogs.com/java-pan/JSON-js.zip

3.环境介绍

系统环境:WIN7、IntelliJ IDEA 8.1.2(使用此编辑器的主要原因是此IDE对js很好的提示功能) 项目介绍:

本次用到的只有两个文件,即JSON.html和json.js

start

拷贝json.js库文件到js文件下下,然后新建JSON.html文件,代码如下:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"           "http://www.w3.org/TR/html4/loose.dtd">   <html>   <head>       <title>JSON的学习</title>       <!--导入json的js文件,注意路径,采用的是相对路径-->       <SCRIPT type="text/javascript" SRC="js/json.js"></SCRIPT>       <script type="text/javascript">   function json() {   //JSON   // 1.表示 名称 / 值对的方式    并赋值给一个json1变量   var json1 = {"name":"王五","age":20 }; //JSON 更容易使用,而且可读性更好    //2。表示数组       当需要表示一组值时,JSON 不但能够提高可读性,而且可以减少复杂性   //有一个名为 people的变量,值是包含2个条目的数组,每个条目是一个人的记录   //赋值给一个json2变量   var json2 = {"people":[                   {   "name": "张三",   "age":24                   },                   {   "name": "李四",   "age":25                   }               ]};    //表示多个值(每个值包含多个记录)   //能够表示多个值,每个值进而包含多个值。但是还应该注意,在不同的主条目(programmers、authors)之间,   // 记录中实际的名称 / 值对可以不一样。JSON 是完全动态的,允许在 JSON 结构的中间改变表示数据的方式   //赋值给一个json3变量   var json3 = { "programmers": [                   {   "name": "Brett",   "age":22                   },                   {   "name": "Jason",   "age":33                   }               ],"authors": [                   {   "name": "Isaac",   "age": 44                   },                   {   "name": "Tad",   "address": "上海徐汇区"                   }               ] } ;      //弹出来的都是Object 对象               alert("json1=" + json1);               alert("json2=" + json2);               alert("json3=" + json3);    //访问数据               alert("此值应该是张三,实际是" + json2.people[0].name);               alert("此值应该是44,实际是" + json3.authors[0].age);               alert(json3.authors[1].address);    //修改数据               json2.people[0].name = "周杰伦";               alert("修改数据,修改前为张三,修改后为" + json2.people[0].name);    //转换会字符串               alert(json2);               alert("toLocaleString()=" + json2.toLocaleString());               alert("toString()=" + json2.toString());               alert("toJSON=" + json2.toJSON);               alert("toJSONString()=" + json2.toJSONString());  //引用了json.js中的函数           }   </script>   </head>   <body    <ol>       <li>JSON---表示</li>       <li>JSON---访问数据</li>       <li>JSON---修改JSON数据</li>       <li>JSON---转换回字符串</li>       <li>JSON---JSON在线校验工具 BeJson</li>   </ol>   </body>   </html>
result
访问时直接打开打开JSON.html文件,效果如下:


说明:以上学习的过程主要是参考了百度百科

下面对自己学习JSON的过程做几点简单的总结:

1.JSON是一个对象,可以直接赋值给js变量,不能再外面加双引号

2.JSON和XML所处的战场不同,在Javascript地盘内,JSON毕竟是主场作战,其优势当然要远远优越于xml
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息