10分钟掌握XML、JSON及其解析(上)

前端之家收集整理的这篇文章主要介绍了10分钟掌握XML、JSON及其解析(上)前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

 (点击上方公众号,可快速关注)


来源: Long Luo 的博客

链接:http://longluo.github.io/blog/20141031/master-XML-JSON-and-how-to-aprse-them-in-10-minutes/


引言


NOKIA 有句著名的广告语:“科技以人为本”。任何技术都是为了满足人的生产生活需要而产生的。具体到小小的一个手机,里面蕴含的技术也是浩如烟海,是几千年来人类科技的结晶,单个人穷其一生也未必能掌握其一角。不过个人一直认为基本的技术和思想是放之四海而皆准的,许多技术未必需要我们从头到尾再研究一遍,我们要做的就是站在巨人的肩膀上,利用其成果来为人们的需求服务。


随着移动互联网时代的大潮,越来越多的App不光是需要和网络服务器进行数据传输和交互,也需要和其他 App 进行数据传递。承担App与网络来进行传输和存储数据的一般是XML或者JSON。在移动互联网时代,XML和JSON很重要。


最近一段时间,个人综合了之前对XML、JSON的一些了解,参考了相关资料,再结合视频的代码,把自己的一些思考融入了这篇总结文档中,同时尝试用通俗诙谐的语言风格来阐述,期望能给感兴趣的读者带来帮助。


为了不和时代落伍,我们必须要学习 XML 和 JSON,但同时它们也很容易学习,Let’s start


一、XML


XML即可扩展标记语言(eXtensible Markup Language)。标记是指计算机所能理解的信息符号,通过此种标记,计算机之间可以处理包含各种信息的文章等。如何定义这些标记,既可以选择国际通用的标记语言,比如HTML,也可以使用象XML这样由相关人士自由决定的标记语言,这就是语言的可扩展性。XML是从SGML中简化修改出来的。它主要用到的有XML、XSL和XPath等。


上面这段是对XML的一个基本定义,一个被广泛接受的说明。简单说,XML就是一种数据的描述语言,虽然它是语言,但是通常情况下,它并不具备常见语言的基本功能——被计算机识别并运行。只有依靠另一种语言,来解释它,使它达到你想要的效果或被计算机所接受。


记住以下几点就行了:


  • XML是一种标记语言,很类似HTML


  • XML的设计宗旨是传输数据,而非显示数据


  • XML标签没有被预定义。您需要自行定义标签


  • XML被设计为具有自我描述性。


  • XML是W3C的推荐标准


总结:


XML是独立于软件和硬件的信息传输工具。 目前,XML在Web中起到的作用不会亚于一直作为 Web 基石的 HTML。 XML无所不在。XML是各种应用程序之间进行数据传输的最常用的工具,并且在信息存储和描述领域变得越来越流行。


1.1 XML属性


1.1.1 XML与HTML的主要差异


  • XML不是HTML的替代。


  • XML和HTML为不同的目的而设计。


  • XML被设计为传输和存储数据,其焦点是数据的内容


  • HTML被设计用来显示数据,其焦点是数据的外观。


  • HTML旨在显示信息,而 XML 旨在传输信息


1.1.2 XML是不作为的。


也许这有点难以理解,但是XML不会做任何事情。XML被设计用来结构化、存储以及传输信息。


下面是John写给George的便签,存储为XML:


<note>

<to>George</to>

<from>John</from>

<heading>Reminder</heading>

<body>Don't forget the meeting!</body>

</note>


上面的这条便签具有自我描述性。它拥有标题以及留言,同时包含了发送者和接受者的信息。但是,这个 XML 文档仍然没有做任何事情。它仅仅是包装在XML标签中的纯粹的信息。我们需要编写软件或者程序,才能传送、接收和显示出这个文档。


1.1.3 XML仅仅是纯文本


XML没什么特别的。它仅仅是纯文本而已。有能力处理纯文本的软件都可以处理XML。 不过,能够读懂 XML 的应用程序可以有针对性地处理 XML 的标签标签功能性意义依赖于应用程序的特性。


1.1.4 XML允许自定义标签


上例中的标签没有在任何XML标准中定义过(比如和)。这些标签是由文档的创作者发明的。这是因为XML没有预定义的标签


在HTML中使用的标签(以及HTML的结构)是预定义的。HTML文档只使用在HTML标准中定义过的标签(比如<p>,<h1> 等等)。


XML允许创作者定义自己的标签和自己的文档结构。


1.1.5 XML不是对HTML的替代


XML是对HTML的补充。


XML不会替代HTML,理解这一点很重要。在大多数 web 应用程序中,XML用于传输数据,而HTML用于格式化并显示数据。


1.2 XML的语法


XML的语法规则很简单,且很有逻辑。这些规则很容易学习,也很容易使用。


1.2.1 所有元素都必须有关闭标签


在XML中,省略关闭标签是非法的。所有元素都必须有关闭标签。 在HTML,经常会看到没有关闭标签的元素:


<p>This is a paragraph

<p>This is another paragraph


在XML中,省略关闭标签是非法的。所有元素都必须有关闭标签


<p>This is a paragraph</p>

<p>This is another paragraph</p>


注释:您也许已经注意到XML声明没有关闭标签。这不是错误。声明不属于XML本身的组成部分。它不是XML元素,也不需要关闭标签


1.2.2 XML标签对大小写敏感


XML元素使用XML标签进行定义。


XML标签对大小写敏感。在XML中,标签标签是不同的。


必须使用相同的大小写来编写打开标签关闭标签


<Message>这是错误的。</message>

<message>这是正确的。</message>


1.2.3 XML标签对大小写敏感


在 HTML 中,常会看到没有正确嵌套的元素:


<b><i>This text is bold and italic</b></i>


在 XML中,所有元素都必须彼此正确地嵌套:


<b><i>This text is bold and italic</i></b>


在上例中,正确嵌套的意思是:由于<i>元素是在<b>元素内打开的,那么它必须在<b>元素内关闭


1.2.4 XML文档必须有根元素


XML文档必须有一个元素是所有其他元素的父元素。该元素称为根元素。


<root>

  <child>

    <subchild>.....</subchild>

  </child>

</root>


1.2.5 XML的属性值须加引号


与 HTML 类似,XML 也可拥有属性名称/值的对)。 在 XML 中,XML 的属性值须加引号。请研究下面的两个 XML 文档。第一个是错误的,第二个是正确的:


<note date=08/08/2008>

<to>George</to>

<from>John</from>

</note>

 

<note date="08/08/2008">

</note>


1.2.6 实体引用


在 XML 中,一些字符拥有特殊的意义。 如果你把字符 “<” 放在 XML 元素中,会发生错误,这是因为解析器会把它当作新元素的开始。 这样会产生 XML 错误


<message>if salary < 1000 then</message>


为了避免这个错误,请用实体引用来代替 “<” 字符:


<message>if salary &lt; 1000 then</message>


在 XML 中,有 5 个预定义的实体引用:


&lt;    <   小于

&gt;    >   大于

&amp;   &   和号

'  '   单引号

&quot;  "   引号


注释:在 XML 中,只有字符 “<” 和 “&” 确实是非法的。大于号是合法的,但是用实体引用来代替它是一个好习惯。


1.2.7 XML中的注释


在 XML 中编写注释的语法与 HTML 的语法很相似:


<!-- This is a comment -->


在 XML 中,空格会被保留 HTML 会把多个连续的空格字符裁减(合并)为一个:


HTML:   Hello           my name is David.


输出: Hello my name is David. 在 XML 中,文档中的空格不会被删节。


1.2.8 以 LF 存储换行


在 Windows 应用程序中,换行通常以一对字符来存储:回车符 (CR) 和换行符 (LF)。这对字符与打字机设置新行的动作有相似之处。在 Unix 应用程序中,新行以 LF 字符存储。而 Macintosh 应用程序使用CR来存储新行。


1.3 XML CDATA


所有XML文档中的文本均会被解析器解析。


只有CDATA区段(CDATA section)中的文本会被解析器忽略。


1.3.1 PCDATA


PCDATA指的是被解析的字符数据(Parsed Character Data)。


XML解析器通常会解析XML文档中所有的文本。 当某个XML元素被解析时,其标签之间的文本也会被解析:


<message>此文本也会被解析</message>


解析器之所以这么做是因为 XML 元素可包含其他元素,就像这个例子中,其中的元素包含着另外的两个元素(first和last):


<name><first>Bill</first><last>Gates</last></name>


而解析器会把它分解为像这样的子元素:


<name>

   <first>Bill</first>

   <last>Gates</last>

</name>


1.3.2 转义字符


非法的XML字符必须被替换为实体引用(entity reference)。


假如您在XML文档中放置了一个类似 “<” 字符,那么这个文档会产生一个错误,这是因为解析器会把它解释为新元素的开始。因此你不能这样写:


<message>if salary < 1000 then</message>


为了避免此类错误,需要把字符 “<” 替换为实体引用,就像这样:


<message>if salary &lt; 1000 then</message>


在 XML 中有 5 个预定义的实体引用:


'  '   省略号

&quot;  "   引号


注释:严格地讲,在XML中仅有字符”<“和”&“是非法的。省略号、引号和大于号是合法的,但是把它们替换为实体引用是个好的习惯。


1.3.3 CDATA


术语CDATA指的是不应由XML解析器进行解析的文本数据(Unparsed Character Data)。


在 XML 元素中,”<“ 和 ”&“ 是非法的。


“<” 会产生错误,因为解析器会把该字符解释为新元素的开始。 “&” 也会产生错误,因为解析器会把该字符解释为字符实体的开始。


某些文本,比如 JavaScript 代码,包含大量 “<” 或 “&” 字符。为了避免错误,可以将脚本代码定义为 CDATA。 CDATA 部分中的所有内容都会被解析器忽略。


CDATA 部分由 “<![CDATA[” 开始,由 “]]>” 结束:

<?xml version="1.0" encoding="utf-8"?>

<response>

  <header>

    <respcode>0</respcode> 

    <total>1736</total>

  </header> 

  <result>

    <album>

      <album_id>320305900</album_id> 

      <title> <![CDATA[ 电影侃侃之初恋永不早 ]]> </title> 

      <tag> <![CDATA[ 18岁以上 当代 暧昧 华语 ]]> </tag> 

      <img>http://pic9.qiyipic.com/image/20141016/ec/e0/v_108639906_m_601_120_160.jpg</img> 

      <img180236>http://pic9.qiyipic.com/image/20141016/ec/e0/v_108639906_m_601_180_236.jpg</img180236> 

      <img11577>http://pic9.qiyipic.com/image/20141016/ec/e0/v_108639906_m_601_115_77.jpg</img11577> 

      <img220124>http://pic9.qiyipic.com/image/20141016/ec/e0/v_108639906_m_601_284_160.jpg</img220124> 

      <category_id>1</category_id> 

      <score>0.0</score

      <voters>0</voters> 

      <tv_sets>0</tv_sets> 

      <duration>00:38:57</duration> 

      <year> <![CDATA[ 2014 ]]> </year> 

      <tv_focus>跟爱情片学把妹心经</tv_focus> 

      <episode_count>1</episode_count> 

      <directors> <![CDATA[ 关雅荻 ]]> </directors> 

      <mainactors> <![CDATA[ 关雅荻 ]]> </mainactors> 

      <actors> <![CDATA[ ]]> </actors> 

      <vv2> <![CDATA[ 15 ]]> </vv2> 

      <timeText> <![CDATA[ 今天 ]]> </timeText> 

      <first_issue_time> <![CDATA[ 2014-10-16 ]]> </first_issue_time> 

      <up>0</up> 

      <down>0</down> 

      <download>1</download> 

      <purchase_type>0</purchase_type> 

      <hot_or_new>0</hot_or_new> 

      <createtime>2014-10-16 12:25:08</createtime> 

      <purchase>0</purchase> 

      <desc> <![CDATA[

本期节目主持人介绍新近上映的口碑爱情片,。主持人轻松幽默的罗列出胡鳄鱼导演拍摄的爱情片越来越接地气,博得观众的认同和追捧,更提出“初恋永远不嫌早”的口号。观众可以跟着爱情片学习把妹心经。

]]> </desc> 

      <ip_limit>1</ip_limit> 

      <episodes/>

    </album>

  </result>

</response>


这是展示一部电影的具体数据,包括标题、介绍、内容、导演、演员、时长、上映年份等很多内容

1.5 XML树结构


XML文档形成了一种树结构,它从“根部”开始,然后扩展到“枝叶”。


1.5.1 一个XML文档实例


XML使用简单的具有自我描述性的语法:


<?xml version="1.0" encoding="ISO-8859-1"?>

<note>

<heading>Reminder</heading>

<body>Don't forget the meeting!</body>

</note>


第一行是XML声明。它定义XML的版本(1.0)和所使用的编码(ISO-8859-1=Latin-1/西欧字符集)。


下一行描述文档的根元素(像在说:“本文档是一个便签”):


<note>


接下来 4 行描述根的 4 个子元素(to,from,heading 以及 body):


1

2

3

4

<to>George</to>

<from>John</from>

<heading>Reminder</heading>

<body>Don't forget the meeting!</body>


最后一行定义根元素的结尾:


</note>


从本例可以设想,该XML文档包含了John给George的一张便签。


  • XML具有出色的自我描述性,你同意吗?


  • XML文档形成一种树结构


  • XML文档必须包含根元素。该元素是所有其他元素的父元素。


  • XML文档中的元素形成了一棵文档树。这棵树从根部开始,并扩展到树的最底端。


所有元素均可拥有子元素:


<root>

  <child>

    <subchild>.....</subchild>

  </child>

</root>


父、子以及同胞等术语用于描述元素之间的关系。父元素拥有子元素。相同层级上的子元素成为同胞(兄弟或姐妹)。


所有元素均可拥有文本内容属性(类似HTML中)。


1.6 XML DOM


想到这里,大家都有点迫不及待了,XML 文件到底如何解析呢?


但是,别急,让子弹先飞会儿


在XML解析之前,我们必须系统性的学习一下 XML DOM 知识:


1.6.1 定义


XML DOM(XML Document Object Model) 定义了访问和操作XML文档的标准方法


DOM把XML文档作为树结构来查看。能够通过DOM树来访问所有元素。可以修改删除它们的内容,并创建新的元素。元素,它们的文本,以及它们的属性,都被认为是节点。


XML DOM是:


  • 用于XML的标准对象模型


  • 用于XML的标准编程接口


  • 中立于平台和语言


  • W3C的标准


XML DOM定义了所有XML元素的对象和属性,以及访问它们的方法(接口)。

换句话说:


XML DOM是用于获取、更改、添加删除XML元素的标准

@H_301_1218@
@H_301_1218@DOM将XML文档作为一个树形结构,而树叶被定义为节点。


1.6.2 总结


XML DOM其实比较复杂,在这么短的篇幅里也无法一一进行讲解。想详细了解XML DOM可以好好去学习下


1.7 XML如何解析?


上面讲了这么多关于XML的东西,那么XML文件应该如何解析呢?


终于到了我们的重头戏了


下面以视频项目为例,展示如何解析XML文件


1.7.1 Step 1


@H_301_1218@XML文件是一棵树,首先需要找到对应的节点,然后从节点开始解析,比如搜索找到的就是result/weights/weight 和result/weights/weight 2个节点,分别从这个开始解析:


public ResultInfo onParser(Element rootElement) {

    int resp = -1;

    try {

        String elName = "header/respcode";

        resp = Integer.parseInt(selectNodeString(rootElement,elName));

    } catch (NumberFormatException e) {

        e.printStackTrace();

    }

 

    Log.d(TAG,"resp= " + resp);

    if (resp != 0) {

        return null;

    ResultInfo searchResultInfo = new ResultInfo();

    // Parse Search Weight

    @SuppressWarnings("rawtypes")

    final List weights = rootElement.selectNodes(rootElement.getPath() + "/"

            + "result/weights/weight");

    ResultInfo[] resultFilterInfos = parseVideos(weights);

    if (resultFilterInfos != null) {

        ResultInfo weight = new ResultInfo();

        weight.putResultInfoArray(ResultInfo.KEY_VIDEOS,resultFilterInfos);

        searchResultInfo.putResultInfo(ResultInfo.KEY_WEIGHT,weight);

    // Parse Albums

    final List albums = rootElement.selectNodes(rootElement.getPath() + "/"

            + "result/albums/album");

    ResultInfo[] resultInfos = parseVideos(albums);

    if (resultInfos != null) {

        ResultInfo album = new ResultInfo();

        album.putResultInfoArray(ResultInfo.KEY_VIDEOS,resultInfos);

        searchResultInfo.putResultInfo(ResultInfo.KEY_SEARCH,album);

    return searchResultInfo;

}


1.7.2 Step 2


@H_301_1218@ 找到了对应的Node,即从对应的Node开始递归的查找,直到找到最小的节点,也就是最基本的单元Element。再对每一个Element进行解析:


private ResultInfo[] parseVideos(final List nodes) {

    if (nodes != null && nodes.size() > 0) {

        final int size = nodes.size();

        final ResultInfo[] vis = new ResultInfo[size];

        int i = 0;

        for (Object o : nodes) {

            if (o instanceof Element) {

                final Element videoElement = (Element) o;

                ResultInfo vi = parseVideo(videoElement);

                vis[i] = vi;

            }

            i++;

        }

        return vis;

    }

    return null;

}


1.7.3 Step 3


@H_301_1218@ 针对获取到的Element,解析出对应的String将数据传递给VideoInfo这个类:


private ResultInfo parseVideo(final Element videoElement) {

    final String id = videoElement.elementText("album_id");

    final String title = videoElement.elementText("title");

    final String categoryId = videoElement.elementText("category_id");

    final String categoryName = videoElement.elementText("category_name");

    final String count = videoElement.elementText("count");

    final String imgUrl = videoElement.elementText("img180236");

    final String duration = videoElement.elementText("duration");

    final String mainactors = videoElement.elementText("mainactors");

    final String sitename = videoElement.elementText("site_name");

    final String videourl = videoElement.elementText("vedio_url");

    final String sort = videoElement.elementText("sort");

    final String tv_id = videoElement.elementText("tv_id");

    ResultInfo vi = new ResultInfo();

    vi.putString(VideoInfo.ID,id);

    vi.putString(VideoInfo.TITLE,title);

    vi.putString(VideoInfo.CATEGORY_ID,categoryId);

    vi.putString(VideoInfo.CATEGORY_NAME,categoryName);

    vi.putString(VideoInfo.COUNT,count);

    vi.putString(VideoInfo.IMG_URL,imgUrl);

    vi.putString(VideoInfo.DURATION,duration);

    vi.putString(VideoInfo.MAINACTORS,mainactors);

    vi.putString(VideoInfo.SITENAME,sitename);

    vi.putString(VideoInfo.VIDEOURL,videourl);

    vi.putString(VideoInfo.SORT,sort);

    vi.putString(VideoInfo.TV_ID,tv_id);

    return vi;

}


1.7.4 Step 4


@H_301_1218@ 当使用XML解析器将XML数据解析出来之后。需要将这些数据提取出来,也是通过连续2层提取,将数据定位到每个video, 将每个video里的数据传递给SearchVideoInfo这个ArrayList,然后将ArrayList中的数据和对应的Adapter数据关联起来:


public static ArrayList<SearchVideoInfo> getSearchVideoInfo(ResultInfo searchResultInfo) {

    ResultInfo resultInfo = null;

    ResultInfo[] videos = null;

    ArrayList<SearchVideoInfo> searchVideoInfos = null;

    if (searchResultInfo != null) {

        resultInfo = searchResultInfo.getResultInfo(ResultInfo.KEY_SEARCH);

    if (resultInfo != null) {

        videos = resultInfo.getResultInfoArray(ResultInfo.KEY_VIDEOS);

    if (videos != null && videos.length > 0) {

        searchVideoInfos = new ArrayList<SearchVideoInfo>(videos.length);

        for (ResultInfo video : videos) {

            SearchVideoInfo searchInfo = new SearchVideoInfo();

            searchInfo.setAlbum_id(video.getString(VideoInfo.ID));

            searchInfo.setTitle(video.getString(VideoInfo.TITLE));

            searchInfo.setChannel_id(video.getString(VideoInfo.CATEGORY_ID));

            searchInfo.setImgUrl(video.getString(VideoInfo.IMG_URL));

            searchInfo.setDuration(video.getString(VideoInfo.DURATION));

            searchInfo.setMainActors(video.getString(VideoInfo.MAINACTORS));

            searchInfo.setSiteName(video.getString(VideoInfo.SITENAME));

            searchInfo.setVideo_url(video.getString(VideoInfo.VIDEOURL));

            searchInfo.setOrder(video.getString(VideoInfo.SORT));

            searchInfo.setTv_id(video.getString(VideoInfo.TV_ID));

            // searchInfo.setContinueType(video.getString(VideoInfo.CONTINUETYPE));

            searchVideoInfos.add(searchInfo);

        }

    if (searchVideoInfos == null) {

        MyLog.e(TAG,"error,getSearchVideoInfo,can not get info");

    return searchVideoInfos;

}

@H_301_1218@
@H_301_1218@以上就是搜索数据的XML的解析和数据展示过程。


接下文


【今日微信公号推荐↓】

猜你在找的XML相关文章