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之前 在响应发送 ...
随机推荐
- es6笔记 day2---函数默认参数、箭头函数、剩余参数
函数变化: 1.函数默认参数 2.函数参数默认是已经定义了,不能再使用let.const声明 3.扩展运算符.rest运算符 ...就是扩展运算符,它的作用就是把数组给展开 结合函数使用传参,也可以将 ...
- IntPtr、Struct 相互转换
一般写c#代码基本用不到 相互转换 只有调用c++中的dll动态库的时候才用的到 struct转intptr public static IntPtr StructToIntPtr<T>( ...
- redis分布式锁使用方法
引用: StackExchange.Redis.dll Redlock.CSharp.dll RedLock.dll 代码: public class RedlockHelper { public v ...
- 011.MFC_Slider
滑块CSliderCtrl 常用函数SetLineSize() GetLineSize() SetPageSize() GetPageSize()SetRangeMax() GetRangeMax() ...
- 22.json&pickle&shelve
转载:https://www.cnblogs.com/yuanchenqi/article/5732581.html json 之前我们学习过用eval内置方法可以将一个字符串转成python对象,不 ...
- while Ture怎么退出全部
while True: #这是一个死循环 如果想要quit出去只能一层一层的退出 比如如果在第三层输入quit会回到第二层 那么有什么方法能够在第三层就退出全部? print("level1 ...
- JAVA8学习——深入浅出函数式接口FunctionInterface（学习过程）
函数式接口 函数式接口详解:FunctionInterface接口 话不多说,先打开源码,查阅一番.寻得FunctionInterface接口 package java.util.function; ...
- 微服务实战——微服务架构选型SpringCloud / Dubbo / K8S比较（一）
## 说在前面 大概是三年前,因一些原因公司原项目最初为单体结构部署,所有业务模块都在一个项目里面,而后随着业务的不断膨胀以及模块之间的耦合,导致后面增加或修改一些简单业务时的成本都会变的极大.新入职 ...
- Git安装--Windows
Git安装配置 在使用Git前我们需要先安装 Git.Git 目前支持 Linux/Unix.Solaris.Mac和 Windows 平台上运行. Git 各平台安装包下载地址为:http://gi ...
- 洛谷$P3620\ [APIO/CTSC 2007]$数据备份 贪心
正解:贪心 解题报告: 传送门$QwQ$ $umm$感觉这种问题还蛮经典的,,,就选了某个就不能选另一个这样儿,就可以用堆模拟反悔操作 举个$eg$,如果提出了$a_i$,那就$a_{i-1}$和$a ...