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之前 在响应发送 ...
随机推荐
- Git的使用--如何将本地项目上传到Github（两种简单、方便的方法..）
https://blog.csdn.net/u014135752/article/details/79951802 总结:其实只需要进行下面几步就能把本地项目上传到Github 1.在本地创建一个版本 ...
- 2018-8-10-win10-uwp-win2d-离屏渲染
title author date CreateTime categories win10 uwp win2d 离屏渲染 lindexi 2018-08-10 19:17:19 +0800 2018- ...
- H3C备份/恢复下次启动配置文件
- 【codeforces 750C】New Year and Rating
time limit per test2 seconds memory limit per test256 megabytes inputstandard input outputstandard o ...
- apply call 用法
1.对象转数组 tips 先看怎么用 再研究方法原理 var obj = { 0: 'qian', 1: 'long', 2: 'chu', 3: 'tian', ...
- 苹果IOS 证书申请及导出证书文件
在申请证书之前,前提是,你要注册一个苹果帐号,且交了个人或公司帐号99美元大概人民币600多一年费用申请开发者帐号,审核通过的开发者帐号,个人或公司或企业类型帐号. 如何申请苹果开发者帐号,这里不讲解 ...
- 深入Oracle的left join中on和where的区别详解
-- from http://blog.itpub.net/30175262/viewspace-1472060/ 今天遇到一个求某月所有天数的统计结果,如果某日的结果是0也需要显示出来,即: 日期 ...
- Qt configure 参数说明（中文）
Qt configure 在编译QT前,可加各种参数来定制自己想要的QT库.这对需要裁减QT库的朋友来说非常重要.对于如何编译QT,可以参考:http://hi.baidu.com/agassi%5F ...
- Selenium3+Python3环境搭建
安装python 官网直接下载当前最新版的python Python官网地址:https://www.python.org/ 百度搜索Python3.6安装步骤 Python安装步骤:自行百度,暂不提 ...
- 微信支付-小程序H5 公众号 Payment SDK
前言 今天是2020年一天,去年最后一个月开发了订单和支付系统,尤其在支付系统和微信对接的时候遇到了很多坑,这里给大家总结下,以免大家遇到相同的问题还浪费大量时间 微信支付前期准备 微信商户号,需要商 ...