• Json小知识


    一、Josn的定义:

           JsonJavaScript object Notion)是一种轻量级的数据交换格式,易于阅读和编写,同时也易于机器解析和生成。它基于ECMA262语言规范(1999-12第三版)中JavaScript编程语言的一个子集。Josn采用与编程语言无关的文本格式,但是也使用了类C的语言(包括C,C++C#javaJavaScript等)的习惯,这些习惯使Josn成为比较理想的数据交换格式。

    二、Josn的使用:

        Josn以一种特定的字符串形式来表示javaScript对象。如果将具有这样一种形式的字符串赋给任意一个JavaScript变量,那么该变量就会变成一个对象引用,而这个对象就是字符串所创建出来的,具体细节参考>http://www.json.org/json-zh.html

           对象是属性、值的集合。一个对象的开始于“{”,结束于“}”。每一个属性名和值间用“:”提示,属性间用“,”分隔。

       数组是有顺序的值的集合。一个数组开始于"[",结束于"]",值之间用","分隔。

       值可以是引号里的字符串、数字、truefalsenull,也可以是对象或数组。这些结构都能嵌套。

    字符串和数字的定义和CJava基本一致。

    用法小总结:

    JSON 提供了一种优秀的面向对象的方法,以便将元数据缓存到客户机上。

    JSON 帮助分离了验证数据和逻辑。

    JSON 帮助为 Web 应用程序提供了 Ajax 的本质。

    三、Josn相对与Xml的差别与优势:

    Josn是键值结构,Xml本身就是用来定义数据结构的。

    josn的数据组织结构{key:value,key1:value1,...n}

      xml

      <root>

      <key>value</key>

      <key1>value1</key1>

      <key2>value2</key2>

      </root>

      两种组织结构 以肉眼观看 XML的组织形式很容易看到对应的数值。但是当使用javascript解析XML的时候需要层层解析,对于计算所要使用的数据,不能快捷获取。这种组织形式在数据交换的时候很显然是不如json

      现在流行的网页异步数据交换技术--Ajax,开始的时候就是采用的 XML数据格式的交换。但随着JSON的出现越来越多的程序员接受了这种新的数据交换格式,数据组织形式。

    JSON这种数据格式已经在小数据交换领域就领先了。

     

     

     

    使用JSON实例:(以下为扩展)
    JSON也就是JavaScript Object Notation,是一个描述数据的轻量级语法。JSON的优雅是因为它是JavaScript语言的一个子集。接下来你将看到它为什么如此重要。首先,来比较一下JSONXML语法。

    JSONXML都使用结构化方法描述数据。例如一个地址簿应用程序可以提供用来产生XML格式的地址卡的web服务:
    <?xml version='1.0' encoding='UTF-8'?>
    <card>
       <fullname>Sean Kelly</fullname>
       <org>SK Consulting</org>
       <emailaddrs>
          <address type='work'>kelly@seankelly.biz</address>
          <address type='home' pref='1'>kelly@seankelly.tv</address>
       </emailaddrs>
       <telephones>
          <tel type='work' pref='1'>+1 214 555 1212</tel>
          <tel type='fax'>+1 214 555 1213</tel>
          <tel type='mobile'>+1 214 555 1214</tel>
       </telephones>
       <addresses>
          <address type='work' format='us'>1234 Main St
             Springfield, TX 78080-1216</address>
          <address type='home' format='us'>5678 Main St
             Springfield, TX 78080-1316</address>
       </addresses>
       <urls>
          <address type='work'>http://seankelly.biz/</address>
          <address type='home'>http://seankelly.tv/</address>
       </urls>
    </card>

    使用JSON, 形式如下:

    {
       "fullname": "Sean Kelly",
       "org": "SK Consulting",
       "emailaddrs": [
          {"type": "work", "value": ">kelly@seankelly.biz"},
          {"type": "home", "pref": 1, "value": ">kelly@seankelly.tv"}
       ],
        "telephones": [
          {"type": "work", "pref": 1, "value": "+1 214 555 1212"},
          {"type": "fax", "value": "+1 214 555 1213"},
          {"type": "mobile", "value": "+1 214 555 1214"}
       ],
       "addresses": [
          {"type": "work", "format": "us",
           "value": "1234 Main StnSpringfield, TX 78080-1216"},
          {"type": "home", "format": "us",
           "value": "5678 Main StnSpringfield, TX 78080-1316"}
       ],
        "urls": [
          {"type": "work", "value": ">http://seankelly.biz/"},
          {"type": "home", "value": ">http://seankelly.tv/"}
       ]
    }

    如你所看到的,JSON有结构化的嵌套数据元素,这一点和XML相似。JSON也是基于文本的,XML也是如此。两者都使用UnicodeJSONXML都很容易阅读。主观上,JSON更清晰,冗余更少。JSON WEB站点严格地描述了JSON语法,目前就是这样的。它确实是一个简单的小语言! XML确实适合标记文档,但是JSON是数据交互的理想格式。每个JSON文档描述了一个这样一个对象,该对象包含有:嵌套对象、数组、字符串、数字、布尔值或空值。

    在这些地址卡例子代码中,JSON版本是更轻量级的,只占用了682字节的空间,而XML版本需要744字节空间。尽管这不是一个可观的节省。而实际的好处则来自解析过程。

    XML对比JSON:地位丧失
    通过使用XMLHttpRequest对象,可以从你的基于Ajax的应用程序取得XMLJSON文件。典型的,交互代码如下:

    var req = new XMLHttpRequest();
    req.open("GET", ">http://localhost/addr?cardID=32", /*async*/true);
    req.onreadystatechange = myHandler;
    req.send(/*no params*/null);
    作为WEB服务器响应,你提供的处理器函数(myHandler函数)被多次调用,为你提供提前终止事务,更新进度条等机会。通常的,只有在web请求完成以后才起作用:那时,你就可以使用返回的数据了。

    为了处理XML版本的地址卡数据,myHandler的代码如下:

    function myHandler() {
       if (req.readyState == 4 /*complete*/) {
           // Update address field in a form with first street address
           var addrField   = document.getElementById('addr');
           var root        = req.responseXML;
           var addrsElem   = root.getElementsByTagName('addresses')[0];
           var firstAddr   = addrsElem.getElementsByTagName('address')[0];
           var addrText    = fistAddr.firstChild;
           var addrValue   = addrText.nodeValue;
           addrField.value = addrValue;
       }
    }
    值得注意的是你不必解析XML文档:XMLHttpRequest对象自动地解析了,并使responseXML中的DOM树可用。通过使用responseXML属性,可以调用getElementsByTagName方法查找文档的地址部分,你还可以使用第一个去找到它。然后,可以再次调用getElementsByTagName在地址部分查找第一个地址元素。这就取得了文档的第一个DOM子节点,就是一个文本节点,并取得节点的值,这就是你想要的街道地址。最后,可以在表单域中显示结果。

    确实不是一个简单的工作,现在,使用JSON再试一下:
    function myHandler() {
       if (req.readyState == 4 /*complete*/) {
           var addrField = document.getElementById('addr');
           var card = eval('(' + req.responseText + ')');
           addrField.value = card.addresses[0].value;
       }
    }
    你所做的第一件事情就是解析JSON响应。但是,因为JSONJavaScript的一个子集,你可以使用JavaScript自己的编译器来解析它,通过调用eval函数。解析JSON仅需要一行!此外,操纵JSON中的对象就像操纵其他JavaScript对象一样。这显然要比通过DOM树来操纵简单,例如:
    card.addresses[0].value
    是第一个街道地址, "1234 Main Stb &"
    card.addresses[0].type
    是地址类型, "work"
    card.addresses[1]
    是家庭地址对象
    card.fullname
    card的名称, "Sean Kelly"
    如果更仔细观察,你可能会发现XML格式中文档至少有一个跟元素,card。这在JSON里是不存在的,为什么? 大概就是,如果你正在开发JavaScript来访问Web服务,你已经知道你想要得到的。然而,你可以在JSON中这么使用:
    {"card": {"fullname": ...}}
    使用这个技术,你的JSON文件总是以一个带有单一命名属性的对象开始,该属性标识了对象的种类。

    JSON是快速可靠的吗?
    JSON
    提供轻量的小文档,并且JSONJavaScript更容易使用。XMLHttpRequest自动为你解析了XML文档,而你还要手工解析JSON文件,但是解析JSON比解析XML更慢么?作者通过几千次的反复测试,使用XMLHttpRequest解析XML和解析JSON,结果是解析JSONXML要快10倍!当把Ajax当作桌面应用看待时,速度是最重要的因素,很明显,JSON更优秀。

    当然,你不能总是控制服务器端来为Ajax程序产生数据。你还可以使用第三方服务器代替服务器提供XML格式的输出。并且,如果服务器恰好提供JSON,你可以确定你真的想使用它吗?

    代码中值得注意的是,你将响应文本直接传入到eval中。如果你控制着服务器,就可以这么做。如果不是,一个恶意服务器可以使你的浏览器执行危险操作。在这样的情况下,你最好使用写在JavaScript中的代码来解析JSON。幸运地,这已经有了。

    说到解析,Python爱好者可能注意到JSON不只是JavaScript的子集,它还是Python的一个子集。你可以在Python中直接执行JSON,或者使用安全JSON解析代替。JSON.org网站列举了许多常用JSON解析器。

    服务器端的JSON
    到现在为止,你或许将焦点注意在运行在客户浏览器中的基于Ajaxweb应用程序使用JSON。自然地,首先,JSON格式的数据必须在服务器端产生。幸运地是,创建JSON或将其他存在的数据转换成JSON是相当简单的。一些WEB应用程序框架,例如TurboGears,自动包括对JSON输出的支持。

    此外商业WEB服务提供商也注意到了JSONYahoo最近创建了许多基于JSONweb服务。Yahoo的多种搜索服务,履行计划,del.icio.us,还有高速公路交通服务也都支持JSON输出。毫无疑问,其他主要WEB服务提供商也将加入到对JSON的支持中。

     





  • 相关阅读:
    vue—子调父 $emit (把子组件的数据传给父组件)
    解决 Error: EBUSY: resource busy or locked, rmdir 'E:/...'问题
    php中session原理及安全性问题
    MySQL函数大全及用法示例
    php基础语法
    常用sql语句
    php表单传值--GET和POST
    jQuery插件的使用方法
    $.ajax()方法详解
    php文件上传
  • 原文地址:https://www.cnblogs.com/zuifengke/p/2237892.html
Copyright © 2020-2023  润新知