本篇文章基于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. jquery银行电子账单表格填入和编辑插件

    jquery银行电子账单表格填入和编辑 前段时间做的一个银行表格账单的jquery插件,用于金额写入和编辑的应用,希望对大家有所帮助,发现问题欢迎回复 ;(function($){ function ...

  2. asp.net core 3.0 JObject The collection type 'Newtonsoft.Json.Linq.JObject' is not supported

    在asp.net core 3.0 中,如果直接在Controller中返回 Jobject 类型,会抛出如下错误: The collection type 'Newtonsoft.Json.Linq ...

  3. java连接elasticsearch：查询、添加数据

    导入jar包 <!-- https://mvnrepository.com/artifact/org.elasticsearch.client/transport --> <depe ...

  4. C++简单实现Log日志类轻量级支持格式化输出变量

    CLog 头 代码很简单 如果需要的直接Ctrl+C  ----Ctrl+V 即可 #ifndef __CLOG__ #define __CLOG__ #include <windows.h&g ...

  5. $CF888G\ Xor-MST$ 最小生成树

    正解:最小生成树 解题报告: 传送门$QwQ$ 发现$Kruskal$和$Prime$都不太可做,于是考虑$B$算法. 先大概港下$B$算法的流程趴$QwQ$.大概就,每次对每个联通块找到最近的联通块 ...

  6. vps远程桌面服务器管理

    vps服务器是没有远程桌面系统的,本地电脑要有远程桌面的组件或者专业的远程桌面管理工具,如果出于安全考虑关闭了3389端口(这是系统自带远程桌面的端口),你可以试试iis7远程桌面管理工具,这个还是很 ...

  7. 【C++】递归 课后习题3-13、3-14

    // // main.cpp // 3-13递归Fibonacci级数 // // Created by T.P on 2018/3/21. // Copyright © 2018年 T.P. All ...

  8. 「Vijos 1284」「OIBH杯NOIP2006第二次模拟赛」佳佳的魔法阵

    佳佳的魔法阵 背景 也许是为了捕捉猎物(捕捉MM?),也许是因为其它原因,总之,佳佳准备设计一个魔法阵.而设计魔法阵涉及到的最关键问题,似乎就是那些带有魔力的宝石的摆放-- 描述 魔法阵是一个\(n ...

  9. 小小知识点（十八）U盘中病毒了，System Volume Information文件夹删除不掉

    win+R调出命令窗口后搜索cmd,启用cmd命令编辑器,并输入以下命令: attrib "H:\System Volume Information" -s   //这句话可以选择 ...

  10. k8s-自动安装

    操作环境: centos7.3 node102-master-192.168.100.102 node103-node1-192.168.100.103 node104-node2-192.168.1 ...