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之前 在响应发送 ...
随机推荐
- iview table中的render函数使用
1.表格列数据内容过多可以用以下两个属性解决: ellipsis:"true', tooltip:true 使每个列的内容如果过多的话变为省略号 2.table中的render函数(实现根据 ...
- 【37.48%】【hdu 2587】How far away ？(3篇文章,3种做法,LCA之Tarjan算法)
Time Limit: 2000/1000 MS (Java/Others) Memory Limit: 32768/32768 K (Java/Others) Total Submission(s) ...
- dotnet 删除只读文件
如果直接通过 File.Delete 删除只读文件会出现没有权限提示,可以先设置文件不是只读然后删除文件 try { File.Delete(file); } catch (UnauthorizedA ...
- 【NOIP数据结构专项】单调队列单调栈
[FZYZ P1280 ][NOIP福建夏令营]矩形覆盖 Description 有N个矩形,矩形的底边边长为1,且均在X轴上,高度给出,第i个矩形的高为h[i],求最少需要几个矩形才能覆盖这个图形. ...
- 人生苦短，我用Python（4）
1.创建数值元组: 在Python中,使用tuple()函数直接将range()函数循环出来的结果转换为数值元组. tuple(data) #tuple()函数的基本语法 data表示可以转换为元组的 ...
- Analysis of Two-Channel Generalized Sidelobe Canceller (GSC) With Post-Filtering
作者:凌逆战 地址:https://www.cnblogs.com/LXP-Never/p/12071748.html 题目:带后置滤波的双通道广义旁瓣相消器(GSC)的分析 作者:Israel Co ...
- 从头学pytorch(十一):自定义层
自定义layer https://www.cnblogs.com/sdu20112013/p/12132786.html一文里说了怎么写自定义的模型.本篇说怎么自定义层. 分两种: 不含模型参数的la ...
- 洛谷$P$3327 约数个数和 $[SDOI2015]$ 莫比乌斯反演
正解:莫比乌斯反演 解题报告: 传送门! 先考虑证明一个结论,$d_{i\cdot j}=\sum_{p|i}\sum_{q|j}[gcd(p,q)==1]$ 看起来就很对的样子,但还是证下趴$QwQ ...
- Linux 查看实时网卡流量的方法 sar nload iftop
1.sar 计量脚本 sar(System Activity Reporter 系统活动情况报告)是目前 Linux 上最为全面的系统性能分析工具之一,可以从多方面对系统的活动进行报告,包括:文件的读 ...
- spring cloud微服务快速教程之（六） 应用监控 spring boot admin
0-前言 当我们发布了微服务后,我们希望对各个应用的各个运行状况进行一个监控:这个时候spring boot admin,就出场了: spring boot admin:是一个监控和管理spring ...