What is JSON:初识JSON <转>

简介:

本篇介绍JSON的基础知识。在没有接触AJAX之前我还不知道什么是JSON,在读Jeffrey Zhao的《深入Atlas系列》时才看到这个词,所以有必要了解一下JSON。这里我结合今天初浅的认识及一个小练习记录我的学习。

JSON是什么?

JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。易于人阅读和编写。同时也易于机器解析和生成。它基于JavaScript(Standard ECMA-262 3rd Edition - December 1999)的一个子集。 JSON采用完全独立于语言的文本格式,但是也使用了类似于C语言家族的习惯(包括C, C++, C#, Java, JavaScript, Perl, Python等)。这些特性使JSON成为理想的数据交换语言。

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)

这些都是常见的数据结构。事实上大部分现代计算机语言都以某种形式支持它们。这使得一种数据格式在同样基于这些结构的编程语言之间交换成为可能。

有关JSON的更多介绍,访问它的官方网站:http://www.json.org

在JavaScript中使用JSON

JSON是JavaScript对象描述符号(object literal notation)的一个子集。正因为JSON是JavaScript的子集,所以在JavaScript中我们可以很容易的使用它。

var myJSONObject = {"bindings": [
{"ircEvent": "PRIVMSG", "method": "newURI", "regex": "^http://.*"},
{"ircEvent": "PRIVMSG", "method": "deleteURI", "regex": "^delete.*"},
{"ircEvent": "PRIVMSG", "method": "randomURI", "regex": "^random.*"}
]
};

这个例子中,创建了一个对象,它只包含一个成员“bindings”。“bindings”是一个包含了3个对象的数组,而这每个对象都有"ircEvent"、"method"和"regex"3个成员。

这些成员可以用“.”或subscript 操作得到。

myJSONObject.bindings[0].method    // "newURI"

我们可以使用eval()函数的eval()方法调用JavaScript的编译器把JSON文本转变成对象。因为JSON是JavaScript的一个确切的子集,编译器可以正确地解析JSON文本,然后生成一个对象结构。

var myObject = eval('(' + myJSONtext + ')');

eval函数的执行效率很高。然而,它能够编译、执行任何的JS程序,所以这样会有安全问题。在来源可信的时候才需要使用eval,这通常是服务器提供基础页面和JSON数据的web应用程序中的情形。而很多情况中,来源是不可信的。特别是永远都不要信任客户端。

如果关心安全的话,那最好是使用JSON解析器了(js脚本中有解析功能的函数)。JSON解析器只认可JSON文本,因此它比较安全:

var myObject = myJSONtext.parseJSON();

而JSON的字符串转换器(stringifier)则作相反的工作,它将JavaScript数据结构转换为JSON文本。JSON是不支持循环数据结构的,所以注意不能把循环的结构交给字符串转换器。

var myJSONText = myObject.toJSONString();

这里是JSON官方网站提供的一个开源的JSON解析器和字符串转换器:json.js

 一个使用json.js的简单例子

  1. 在VS中新建一个空网站。
  2. 引入json.js文件。
    • < script type = " text/javascript "  src = " json.js " ></ script >
  3. 然后添加一个HTML页面,在页面上拖放两个Textarea和三个Button;Button的ID分别为btnParser、btnEval和btnStringifier;Textarea的ID分别为txtJSON和txtJS,cols设为50,rows设为10;
  4. 编写三个Button的事件代码。
    •      < script type = " text/javascript " >
          
      // <![CDATA[
          
      ExpandedBlockStart.gifContractedBlock.gif        
      function  btnStringifier_Click()  {
                  
      var oTxtJSON = document.getElementById("txtJSON");           
                  
      var myObject = new Object(); //创建对象
                  var obindings = new Array();
                  
      var oFirst = new Object();
                  
      var oSecond = new Object();
                  
      var oThird = new Object();
                  
                  oFirst.ircEvent 
      = "PRIVMSG";
                  oFirst.method 
      = "newURI";
                  oFirst.regex 
      = "^http://.*";   
                  
      //
                  
                  obindings[
      0= oFirst;
                  obindings[
      1= oSecond;
                  obindings[
      2= oThird;
                  
                  
      //将obindings数组设置为myObject的bindings成员
                  myObject.bindings = obindings;
                  
                  
      //将对象转化成JSON文本,并把文本写入Textarea中
                  oTxtJSON.value = myObject.toJSONString(); 
              }
       
          
      ExpandedBlockStart.gifContractedBlock.gif        
      function  btnParser_Click()  {
                  
      var oTxtJSON = document.getElementById("txtJSON");
                  
      var oTxtJS = document.getElementById("txtJS");
                  
      //把JSON文本转变成对象 
                  var myObject = oTxtJSON.value.parseJSON();
                  
                  
      //获取myObject对象的第一个bindings成员得ircEvent成员(属性值)
                  oTxtJS.value += myObject.bindings[0].ircEvent + "/";
              }
       

      ExpandedBlockStart.gifContractedBlock.gif        
      function  btnEval_Click() 
                  
      var oTxtJSON = document.getElementById("txtJSON");
                  
      var oTxtJS = document.getElementById("txtJS");
                  
      //把JSON文本转变成对象 
                  var myObject = eval('(' + oTxtJSON.value + ')');
                  
                  
      //获取myObject对象的第一个bindings成员得ircEvent成员(属性值)
                  oTxtJS.value += myObject.bindings[0].method + "/";
              }


          
      // ]]> 
           </ script >
  5. 运行HTML页面,先点Stringifier,得到对象的JSON文本;然后点Parser,将JSON文本转化成对象,然后获取ircEvent成员的值;最后点Eval,它也将JSON文本转化成对象,然后获取method成员的值;看看效果:

原文地址:http://www.cnblogs.com/hunts/archive/2006/11/15/561710.aspx

 

 

本文转自温景良(Jason)博客园博客,原文链接:http://www.cnblogs.com/wenjl520/archive/2009/08/10/1542775.html,如需转载请自行联系原作者

相关文章
|
XML JSON JavaScript
JSON 初识 #yyds干货盘点#
JSON 初识 #yyds干货盘点#
110 0
JSON 初识 #yyds干货盘点#
|
XML 存储 JSON
JSON学习笔记(一、初识)
JSON学习笔记(一、初识)
122 0
|
XML JSON JavaScript
|
3月前
|
JSON PHP 数据格式
|
3月前
|
JSON JavaScript 前端开发
JavaScript 如何对 JSON 数据进行冒泡排序?
JavaScript 如何对 JSON 数据进行冒泡排序?
51 0
|
1月前
|
存储 JSON Apache
揭秘 Variant 数据类型:灵活应对半结构化数据,JSON查询提速超 8 倍,存储空间节省 65%
在最新发布的阿里云数据库 SelectDB 的内核 Apache Doris 2.1 新版本中,我们引入了全新的数据类型 Variant,对半结构化数据分析能力进行了全面增强。无需提前在表结构中定义具体的列,彻底改变了 Doris 过去基于 String、JSONB 等行存类型的存储和查询方式。
揭秘 Variant 数据类型:灵活应对半结构化数据,JSON查询提速超 8 倍,存储空间节省 65%
|
2月前
|
XML 机器学习/深度学习 JSON
在火狐浏览器调ajax获取json数据时,控制台提示“XML 解析错误:格式不佳”。
在火狐浏览器调ajax获取json数据时,控制台提示“XML 解析错误:格式不佳”。
29 0
在火狐浏览器调ajax获取json数据时,控制台提示“XML 解析错误:格式不佳”。
|
13天前
|
存储 JSON JavaScript
「Python系列」Python JSON数据解析
在Python中解析JSON数据通常使用`json`模块。`json`模块提供了将JSON格式的数据转换为Python对象(如列表、字典等)以及将Python对象转换为JSON格式的数据的方法。
28 0
|
17天前
|
存储 JSON 数据挖掘
python逐行读取txt文本中的json数据,并进行处理
Python代码示例演示了如何读取txt文件中的JSON数据并处理。首先,逐行打开文件,然后使用`json.loads()`解析每一行。接着,处理JSON数据,如打印特定字段`name`。异常处理包括捕获`JSONDecodeError`和`KeyError`,确保数据有效性和字段完整性。将`data.txt`替换为实际文件路径运行示例。
14 2
|
1月前
|
JSON 数据格式
糊涂工具类(hutool)post请求设置body参数为json数据
糊涂工具类(hutool)post请求设置body参数为json数据
55 1