• 简单XML与JSON的读取比较(转)


    当我们在定义AJAX服务的时候,对于各种各样的请求,应该以什么样的数据格式来响应哪?
    当然如果是请求一段Markup代码的话,HTML就是最合适的,客户端请求到数据后,就可以直接插入到前端页面中了。那如果客户端需要的是纯粹的数据的话,我们是应该提供XML哪,还是JSON?这两者各有什么优缺点和好处哪,了解了这两者的差异后我们就可以基于实际情况进行权衡取舍了。

    我们从以下几个方面来进行比较:
    1、客户端
    在客户端通过向服务器发送XMLHttpRequest,就可以得到请求数据了,哪什么样的数据格式更容易处理哪?
     
    JSON示例:

        
    "author" :  "Gambardella, Matthew"
        
    "title"    :  "XML Developer's Guide"
        
    "genre"  :  "Computer" 
    }

    对于JSON数据,只需要调用JavaScript的Eval方法就可以将JSON字符串序列化成为JavaScript对象,而后就可以直接访问了。如下所示:

    var book = eval(request.responseText);  
    alert(book.author);

    XML示例:
    <book>
          <author>Gambardella, Matthew</author>
          <title>XML Developer's Guide</title>
          <genre>Computer</genre>
    </book>

    对于XML数据,其本身是一个DOM Tree的数据结构,开发人员必须使用DOM API来访问和处理XML数据;而且DOM在各个浏览器中的实现也不尽相同,所以针对XML DOM的编程方式会变的更为复杂。参见下面的实现方式:

    var book = request.responseXML;   
    var authors = book.getElementsByTagName("author");  
    alert(authors[
    0].firstChild.textContent);


    另外对于XMLDOM,浏览器目前还不支持类似于XPath这样的查询语句。显然对于XMLDOM数据的访问显然要比访问JSON复杂多了。

    2、服务器端
    在服务器端需要向客户端发送数据,什么样的数据格式处理起来更容易哪?

    显然对于如何序列化或者犯序列化一个对象成为XML字符串,各种服务端的编程语言都有提供,而且还会有多种方式。例如.NET Framework就提供了XmlSerializer类来序列化一个对象成为Xml文档,另外开发人员还可以使用XmlWriter、XMLDocument来直接构建Xml字符串。

    而对于JSON这样一种数据格式则鲜有提供,这就需要开发人员自己动手或者使用一些Open Source的Library。在复杂对象的序列化或者反序列化上,由于Xml做的比较早应该会更稳定一些。

    在这点上XML会优于JSON.

    3、安全性
    JSON 本来是JavaScript 的一个安全的子集,不会含有赋值和调用。因此在将JSON数据装换成为JavaScript对象的时候,我们包括许多JavaScript 库都使用 Eval 函数。这意味着获取的JSON数据将被解析并执行,注意是执行,尤其有一些数据是来自用户输入的话,可能会带来意想不到的安全性问题。攻击者也可以利用这点发送畸形、恶意的 JSON数据,这样Eval 函数就会执行这些恶意代码。

    从这一点上来说也要求我们如果在使用JSON作为数据交换格式的时候,必须保障JSON安全。比较常见的办法是使用正则表达式来检查JSON数据是否包含有恶意代码关键字。

    而XML则相对来讲更安全一些。

    4、性能
    从数据传输量上来看JSON显然要优于XML,JSON更轻量级一些,它没有像XML那样多的Open和Closing标记。同时在对数据的解析速度上,JSON也要优于XML。

    5. 其他
    另外从数据格式的验证角度来看的话,XML的验证技术更成熟,而目前关于JSON的验证还比较少。

    XML的全称是eXtensible Markup Language ,即可扩展标记语言,作为一种广泛推广的数据传输的标准手段,在Ajax设想之初就被确定为XMLHttpRequest传输数据的方式,了解XML技术的本质对于我们更好地运用Ajax也是很有意义的。

    对于所熟悉的超文本标记语言,XML也是一种类似的标记语言,不同的是,在HTML的标记是在标准中已经规定了有些什么标记,各种标记代表什么意义,如<p>代表一个段落,它控制着文档在浏览器中应该如何显示;而在XML中,标记以及标记的值是由我们自己定义的,但是,XML不像HTML那样会控制浏览器的显示,它其实只是用来封装数据,并不关心界面的显示如何,实际上我们最后控制界面的显示还是由HTML来控制的,在很长一段时间内我们还是会使用HTML来展示数据,而XML提供了一种可以使页面显示与数据分离的方法,这样为我们面向对象的模块化编程提供了方便。下面是一段XML文档。

    <?xml version="1.0" encoding="utf-8" ?>
    <person>
    <name>Dr Li</name>
    <sex>male</sex>
    <age>24</age>
    </person>

    看到我们为文档的根节点定义为person,之下有name、sex、age三个子节点,从这一点可以看出,我们定义了一个XML文档之后,通过对文档标签的自定义,可以得到一个很具结构化并具有一定意义的数据文档,这为我们提供了一种很便捷的方式来包裹和交换数据。

    var xmlDoc = new ActiveXObject("Microsoft.XMLDOM");//声明一个XML对象
    xmlDoc.async="false";//是否与数据源同步
    xmlDoc.load("XML文档.xml");//读取XML文档
    nodes = xmlDoc.documentElement.childNodes;//获取节点对象
    document.getElementById("name").innerText = nodes.item(0).text;
    //为DOM节点赋值
    document.getElementById("sex").innerText = nodes.item(1).text;
    document.getElementById("age").innerText = nodes.item(2).text;

    在使用XMLHttpRequest发出请求以后,在服务端可以使程序返回一个XML文档,然后在前端脚本中解析XML,并使用DOM方法改变界面显示。

    JSON:它的名字看起来似乎很亲切,全称为JavaScript Object Notation,可以看出它和JavaScript的关系非常密切。JSON是一种与JavaScript自然匹配的对象,它实际上是一种名称与值的集合,我们使用JavaScript中通常的对象访问方法就能对对象进行访问。

             var jobj = {"person":{"name":"Dr Li","sex":"male","age":"24"}}
    //声明一个JSON对象
    document.getElementById("name").innerText = jobj.person.name;
    //为DOM节点赋值
    document.getElementById("sex").innerText = jobj.person.sex;
    document.getElementById("age").innerText = jobj.person.age;

    通过大括号、冒号、逗号、引号等符号实例了一个JSON对象,每个冒号左边的是键,右边是值,JSON对象实际上就是一个键值对的集合。可以方便地通过类似jobj.person.name的方式访问对象中的每一个键对应的值。

    还发现JSON对象相对于XML更为简洁,XML必须是封闭的标签对,而JSON只需要用一个打括号或者逗号就能说明元素的作用范围。这一点对于需要高效运行的Ajax是很重要的,一般来说使用JSON要比XML更节约带宽一些。

    JSON在JavaScript中的灵活性与易用性,使得大多数Ajax编程人员都更愿意使用JSON作为Ajax传输数据的方法。在Ajax.NET提供的程序包里,我们会发现一个JSON版本的dll,使用这个dll回传数据使用的就是JSON。

    文章出自《.NET Web高级开发》介绍的XML和JSON。
    整理:http://hi.baidu.com/redgo

    示例如下:

    <script type="text/javascript" language="javascript">
     
    var languages = {
        cn:{
        lang:
    'ch',
        name:
    "中文"
     },
     en:{
        lang:
    "英文",
        name:
    "en"
     }
     };
     document.write(languages.cn.name);
    </script>

     

    =====================================================================
     请问有没有详细的js读取json的例子方法

    //根据city获得name
    function getNameByCity(city)
    {
       var cityName =
       {
          "0556":"安庆市",
          "0372":"安阳市",
       };
       return cityName[city];
    }

     =====================================================================
    js 中读取JSON的方法探讨

    js读取JSON的方法我接触到的有两种:
    方法一:函数构造定义法返回
    var strJSON = "{name:'json name'}";//得到的JSON
    var obj = new Function("return" + strJSON)();//转换后的JSON对象
    alert(obj.name);//json name

    方法二:js中著名的eval函数
    var strJSON = "{name:'json name'}";//得到的JSON
    var obj = eval( "(" + strJSON + ")" );//转换后的JSON对象
    alert(obj.name);//json name

    第二种方法需要注意的是,对象表达式{'name':'json name'}必须用“()”扩住,否则
    var strJSON = "{name:'json name'}";
    var obj = eval(strJSON);
    alert(obj.constructor);//String 构造函数
    alert(obj.name);//undefine
    必须把对象表达式扩起来eval执行才能生成一个匿名对象!

    另外http://www.ibm.com/developerworks/cn/web/wa-lo-json/

    ibm的一篇相关文档

  • 相关阅读:
    【DSP开发技术】影响高性能DSP功耗的因素及其优化方法
    【DSP开发】帮您快速入门 TI 的 Codec Engine
    【DSP开发】帮您快速入门 TI 的 Codec Engine
    【DSP开发】德州仪器达芬奇五年之路七宗罪,嵌入式处理器架构之争决战2012
    【DSP开发】德州仪器达芬奇五年之路七宗罪,嵌入式处理器架构之争决战2012
    【DSP开发】DSP COFF 与 ELF文件
    【DSP开发】DSP COFF 与 ELF文件
    【DSP开发】CCS数据格式 load
    【DSP开发】CCS数据格式 load
    【DSP开发】CMD文件
  • 原文地址:https://www.cnblogs.com/bnuvincent/p/1603481.html
Copyright © 2020-2023  润新知