本篇文章基于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. promise 讲解

    Promise的出现  解决了 js 回调地狱得问题 回调地狱图 Promise解决回调地狱 是不是美观多了.. 实例化Promise时传入方法里的两个参数 resolve(成功的回调)和reject ...

  2. (摘录)ISO C++ Lambda表达式

    ISO C++ 11 标准的一大亮点是引入Lambda表达式.基本语法如下: [捕获列表](形参列表) mutable ->返回值类型 复合语句 其中除了"[]"(其中捕获列 ...

  3. [POJ2528]Mayor's posters（离散化+线段树）

    Mayor's posters Time Limit: 1000MS   Memory Limit: 65536K Total Submissions: 70365   Accepted: 20306 ...

  4. STM32与STM8操作寄存器的区别

    在STM8中,由于STM8寄存器较少,在头文件中定义寄存器的时候不用采取任何形式的封装,所以操作寄存器的时候直接可以用如下方式处理:PB_DDR |=0x20; 但是在STM32中,由于其寄存器实在太 ...

  5. ArrayList、LinkedList、Vector、CopyOnWriteArrayList的区别和源码分析

    1. ArrayList ArrayList 是一个数组队列,相当于动态数组.与Java中的数组相比,它的容量能动态增长.它继承于AbstractList,实现了List, RandomAccess, ...

  6. SVN+Apache+IF.svnadmin支持https实现web管理SVN

    一,软件准备 .安装apache [root@localhost ~]# yum install httpd -y .安装svn服务器(其中,mod_dav_svn是apache服务器访问svn的一个 ...

  7. 选题Scrum立会报告+燃尽图 02

    此作业要求参见:https://edu.cnblogs.com/campus/nenu/2019fall/homework/8680 组长:杨天宇 组员:魏新,罗杨美慧,王歆瑶,徐丽君 组名:组长 第 ...

  8. 洛谷$P2486\ [SDOI2011]$染色 线段树+树链剖分

    正解:线段树+树链剖分 解题报告: 传送门$QwQ$ 其实是道蛮板子的题,,,但因为我写得很呆然后写了贼久之后发现想法有问题要重构,就很难受,就先写个题解算了$kk$ 考虑先跑个树剖,然后按$dfn$ ...

  9. $BZOJ$2818 $gcd$ 莫比乌斯反演/欧拉函数

    正解:莫比乌斯反演/欧拉函数 解题报告: 传送门$QwQ$ 一步非常显然的变形,原式=$\sum_{d=1,d\in prim}^{n}\sum_{i=1}^{n}\sum_{j=1}^{n}[gcd ...

  10. 自定义Django Admin界面

    目录 模型 注册模型 定制页面 模型 # app/model.py class Question(models.Model): question_text = models.CharField(max ...