XML学习笔记——关于XML解析器

本篇文章基于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解析器的更多相关文章

XML学习笔记之XML的简介
最近,自学了一段时间xml,希望通过学习笔记的整理能够巩固一下知识点,也希望把知识分享给你们(描红字段为重点): XML(extensible Markup language):可扩展的标记语言,解决 ...
XML学习笔记(1)--XML概述
XML基本概念 XML—extensible Markup Language(可扩展标记语言) XML最基本的三个概念 1)XML语言---描述事物本身(可扩展) 2)XSL语言---展现事物表现形式 ...
XML学习笔记
XML学习笔记第一部分:XML简介我们经常可以听到XML.HTML.XHTML这些语言,后两者比较清楚,一直不是很明白XML是什么,这里做一个总结. XML(eXtensible Markup L ...
day0203 XML 学习笔记
day02, 03 1. xml语言和作用 2. xml语法详解 2.1 xml 语法声明 2.1.1 encoding 属性 2.1.2 standalone 属性 2.2 xml 元素(Eleme ...
delphi操作xml学习笔记之一入门必读
Delphi 对XML的支持---TXMLDocument类 Delphi7 支持对XML文档的操作,可以通过TXMLDocument类来实现对XML文档的读写.可以利用TXMLDocum ...
学习SpringMVC——说说视图解析器
各位前排的,后排的,都不要走,咱趁热打铁,就这一股劲我们今天来说说spring mvc的视图解析器(不要抢,都有位子~~~) 相信大家在昨天那篇如何获取请求参数篇中都已经领略到了spring mvc注 ...
XML学习总结(二)——XML入门
XML学习总结(二)——XML入门一.XML语法学习学习XML语法的目的就是编写XML 一个XML文件分为如下几部分内容: 文档声明元素属性注释 CDATA区 .特殊字符处理指令(proc ...
ArcGIS案例学习笔记2_2_模型构建器和山顶点提取批处理
ArcGIS案例学习笔记2_2_模型构建器和山顶点提取批处理计划时间:第二天下午背景:数据量大,工程大目的:自动化,批处理,定制业务流程,不写程序教程:Pdf/343 数据:chap8/ex5 ...
SpringBoot学习笔记：自定义拦截器
SpringBoot学习笔记:自定义拦截器快速开始拦截器类似于过滤器,但是拦截器提供更精细的的控制能力,它可以在一个请求过程中的两个节点进行拦截: 在请求发送到Controller之前在响应发送 ...

随机推荐

ZR1158
ZR1158 http://www.zhengruioi.com/contest/446/problem/1158 给定限制的问题大多数都是容斥或者二分,或者二分之后容斥首先,这个问题的第一步我们还 ...
poj2826 An Easy Problem?!（计算几何）
传送门 •题意两根木块组成一个槽,给定两个木块的两个端点雨水竖直下落,问槽里能装多少雨水, •思路找不能收集到雨水的情况我们令线段较高的点为s点,较低的点为e点 ①两条木块没有交点 ②平行或重 ...
查看当前android设备已安装的第三方包
查看当前android设备已安装的第三方包 adb shell pm list package -3 2 adb shell "getprop ro.build.version ...
codeforces 1136E 线段树
codeforces 1136E: 题意:给你一个长度为n的序列a和长度为n-1的序列k,序列a在任何时候都满足如下性质,a[i+1]>=ai+ki,如果更新后a[i+1]<ai+ki了, ...
设计模式2——状态模式State
参考链接: 设计模式之状态模式:https://www.cnblogs.com/haoerlv/p/7777789.html 设计模式系列之状态模式:https://www.jianshu.com/p ...
Elasticsearch慢查询故障诊断
最近在做ES搜索调优,看了一些lucene搜索的文档和代码,本文用于总结调优过程中学到的知识和自己的思考. 在抓到ES慢查询之后,会通过profile或者kibana的Search Profiler ...
Java中的变量、数据类型和运算符
1. java语言是一种强类型的语言,对各种数据类型都有明确的区分,而计算机使用内存来记忆大量运算时需要使用的数据,而当声明一个变量时,即在内存中划分一块空间存储数据,而变量类型决定划分内存空间的大小 ...
Elasticsearch系列---实战搜索语法
概要本篇介绍Query DSL的语法案例,查询语句的调试,以及排序的相关内容. 基本语法空查询最简单的搜索命令,不指定索引和类型的空搜索,它将返回集群下所有索引的所有文档(默认显示10条): G ...
ArrayList数组扩容方式（基于jdk1.8）
ArrayList无参构造函数为: public ArrayList() { this.elementData = DEFAULTCAPACITY_EMPTY_ELEMENTDATA; } 而DEFA ...
20191010-4 alpha week 1/2 Scrum立会报告＋燃尽图02
此作业链接参见https://edu.cnblogs.com/campus/nenu/2019fall/homework/8747 2019小组名称:“组长”组组长:杨天宇组员:魏新,罗杨美慧,王 ...

XML学习笔记——关于XML解析器

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

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

随机推荐

热门专题