本篇文章基于W3C而写

在Firefox及其他浏览器中的XML解析器（除IE）

var xmlDoc=document.implementation.createDocument("","",null);

xmlDoc.async="false";

xmlDoc.load("note.xml");

第一行：创建一个空的 XML 文档对象。

第二行：关闭异步加载，确保在文档完全加载之前解析器不会继续脚本的执行。

第三行：告知解析器加载名为 "note.xml" 的 XML 文档。

解析完成后，就可以通过DOM树来访问XML里面的元素。

比如我们现在有一个XML：

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

<information name='ghtt'>

	<person>

		<name>hsrshm</name>

		<sex>male</sex>

		<birth>

			<year>1999</year>

			<month>12</month>

			<day>19</day>

		</birth>

	</person>

	<person>

		<name>wx</name>

		<sex>male</sex>

		<birth>

			<month>9</month>

			<day>5</day>

		</birth>

	</person>

	<person>

		<name>zyy</name>

		<sex>male</sex>

		<birth>

			<month>5</month>

			<day>20</day>

		</birth>

	</person>

	<person>

		<name>wj</name>

		<sex>male</sex>

		<birth>

			<year>2000</year>

			<month>11</month>

			<day>29</day>

		</birth>

	</person>

	<person>

		<name>bl</name>

		<sex>female</sex>

		<birth>

			<year>2002</year>

			<month>2</month>

			<day>17</day>

		</birth>

	</person>

	<person>

		<name>jf</name>

		<sex>female</sex>

		<birth>

			<year>2002</year>

			<month>5</month>

			<day>25</day>

		</birth>

	</person>

</information>

现在我们要在html中读取他们的信息

如法炮制，我写出了如下代码：

var xmlDoc=document.implementation.createDocument("","",null);

xmlDoc.async="false";

xmlDoc.load("/xml/mingdan.xml");

但是在chrome浏览器中打开后 提示如下错误：

Uncaught TypeError: xmlDoc.load is not a function

？？？

换火狐试试，还是没用

在网上我也没找到有关这个问题的解决方法，但是，W3C给我们了另一个方式：$XMLHttpRequest$

这个东西是在后台和服务器交换数据用的，即可以读取服务器里的xml，因此，我们稍微改一改就可以用它来读取本地的xml

代码如下：

if (window.XMLHttpRequest)

        {// code for IE7+, Firefox, Chrome, Opera, Safari

            xmlhttp=new XMLHttpRequest();

        }

        else

        {// code for IE6, IE5

            xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");

        }

        xmlhttp.open("GET","xml/mingdan.xml",false);//第二个空填xml文件的本地目录

        xmlhttp.send();

        xmlDoc=xmlhttp.responseXML;

成功读取xml后，显示东西就很简单啦，下面是我所写的一个例子：读取上面的那个xml并显示每个人的名字，性别，生日（没有年份的要特判）

这是代码：

<html>

    <head>

    <meta charset="UTF-8">

    <title>解析xml</title>

        <script type="text/javascript">

        if (window.XMLHttpRequest)

        {// code for IE7+, Firefox, Chrome, Opera, Safari

            xmlhttp=new XMLHttpRequest();

        }

        else

        {// code for IE6, IE5

            xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");

        }

        xmlhttp.open("GET",'xml/mingdan.xml',false);

        xmlhttp.send();

        xmlDoc=xmlhttp.responseXML;

        x=xmlDoc.getElementsByTagName("person");

        i=0;

        //console.log(i);

        function display()

        {

            console.log(i);

            //document.write("begin");

            name=(x[i].getElementsByTagName("name")[0].childNodes[0].nodeValue);

            //document.write(name);

            sex=(x[i].getElementsByTagName("sex")[0].childNodes[0].nodeValue);

            birthYear=null;

            if (x[i].getElementsByTagName("year")[0]!=null)

                birthYear=x[i].getElementsByTagName("year")[0].childNodes[0].nodeValue;

            birthMonth=(x[i].getElementsByTagName("month")[0].childNodes[0].nodeValue);

            birthDay=(x[i].getElementsByTagName("day")[0].childNodes[0].nodeValue);

            txt="NAME: "+name+"<br />SEX:"+sex+"<br />BIRTH:";

            if (birthYear!=null) txt=txt+birthYear+"/";

            txt=txt+birthMonth+"/"+birthDay+"<br /><br />";

            //console.log(x[i]);

            document.write(txt);

        }

        </script>

    </head>

    <body>

        <div>

            <script>

                //display();

                for (i=0;i<x.length;i++)

                    display();

            </script>

        </div>

    </body>

</html>

今天才发现原来console.log 不仅可以用在小程序里调试，还可以用在这

PS：chrome默认是无法读取本地文件的，需要在chrome快捷方式-目标里加上如下一段代码才能正常运行

--enable-webgl --ignore-gpu-blacklist --allow-file-access-from-files

XML学习笔记——关于XML解析器的更多相关文章

  1. XML学习笔记之XML的简介

    最近,自学了一段时间xml,希望通过学习笔记的整理能够巩固一下知识点,也希望把知识分享给你们(描红字段为重点): XML(extensible Markup language):可扩展的标记语言,解决 ...

  2. XML学习笔记(1)--XML概述

    XML基本概念 XML—extensible Markup Language(可扩展标记语言) XML最基本的三个概念 1)XML语言---描述事物本身(可扩展) 2)XSL语言---展现事物表现形式 ...

  3. XML学习笔记

    XML学习笔记 第一部分:XML简介 我们经常可以听到XML.HTML.XHTML这些语言,后两者比较清楚,一直不是很明白XML是什么,这里做一个总结. XML(eXtensible Markup L ...

  4. day0203 XML 学习笔记

    day02, 03 1. xml语言和作用 2. xml语法详解 2.1 xml 语法声明 2.1.1 encoding 属性 2.1.2 standalone 属性 2.2 xml 元素(Eleme ...

  5. delphi操作xml学习笔记 之一 入门必读

    Delphi 对XML的支持---TXMLDocument类       Delphi7 支持对XML文档的操作,可以通过TXMLDocument类来实现对XML文档的读写.可以利用TXMLDocum ...

  6. 学习SpringMVC——说说视图解析器

    各位前排的,后排的,都不要走,咱趁热打铁,就这一股劲我们今天来说说spring mvc的视图解析器(不要抢,都有位子~~~) 相信大家在昨天那篇如何获取请求参数篇中都已经领略到了spring mvc注 ...

  7. XML学习总结(二)——XML入门

    XML学习总结(二)——XML入门 一.XML语法学习 学习XML语法的目的就是编写XML 一个XML文件分为如下几部分内容: 文档声明 元素 属性 注释 CDATA区 .特殊字符 处理指令(proc ...

  8. ArcGIS案例学习笔记2_2_模型构建器和山顶点提取批处理

    ArcGIS案例学习笔记2_2_模型构建器和山顶点提取批处理 计划时间:第二天下午 背景:数据量大,工程大 目的:自动化,批处理,定制业务流程,不写程序 教程:Pdf/343 数据:chap8/ex5 ...

  9. SpringBoot学习笔记：自定义拦截器

    SpringBoot学习笔记:自定义拦截器 快速开始 拦截器类似于过滤器,但是拦截器提供更精细的的控制能力,它可以在一个请求过程中的两个节点进行拦截: 在请求发送到Controller之前 在响应发送 ...

随机推荐

  1. 【39.68%】【CF 714 C】Filya and Homework

    time limit per test 1 second memory limit per test 256 megabytes input standard input output standar ...

  2. [转载]sublime用法精华

    Sublime Text 全程指南 九月 03.2015. 暂无评论 永远站 作者:Lucida 原文链接:http://lucida.me/blog/sublime-text-complete-gu ...

  3. dotnet core 集成到 Mattermost 聊天工具

    在找了很久的团队交流工具,发现了 Mattermost 最好用,但是还需要做一些定制化的功能,于是就找到了 Mattermost 插件开发,还找到了如何自己写服务集成到 Mattermost 里面 本 ...

  4. <Catalan>杨辉三角实现卡特兰数计算方法

    h(n)=C(2n,n)-C(2n,n-1) #include<cstdio> #define siz 20 using namespace std; int n; ][siz]; int ...

  5. 2017.5.11 昨天晚上看fview直播坚果pro回放

      对话1 彭林: 我以前也是产品经理,身为产品经理,你有没有感觉我们做出过什么之前不被人接受的东西,但是我们却坚持做了,并且得到的反响非常好. 朱萧木: 没有吧,我们没有做颠覆用户认知或者三观的特别 ...

  6. Java中的Redis 哨兵高可用性

    让我们探索Redis Sentinel,看看如何在Java上运行它,一起来看看,最近get了很多新知识,分享给大家参考学习.需要详细的java架构思维导图路线也可以评论获取! 什么是Redis哨兵? ...

  7. DEVOPS技术实践_13:使用Jenkins持续传送设计-CD基础

    1. 分支策略 持续集成中使用的分支策略包括以下三个: The master branch The integration branch The feature branch 而CD只在Integra ...

  8. Windows服务器管理--批量管理工具

    iis7批量远程控制: 一款电脑远程监控的工具,IIS7远程桌面管理是一款专业的远程桌面连接软件,无需安装.操作简单方便.完美的界面设计.强大的监控功能.稳定的系统平台,满足了用户实现远程桌面连接的需 ...

  9. DataX-MysqlWriter 插件文档

    :first-child{margin-top:0!important}.markdown-body>:last-child{margin-bottom:0!important}.markdow ...

  10. StrategyPattern(策略模式)-----Java/.Net

    在策略模式(Strategy Pattern)中,一个类的行为或其算法可以在运行时更改.这种类型的设计模式属于行为型模式. 在策略模式中,我们创建表示各种策略的对象和一个行为随着策略对象改变而改变的 ...