XML入门教程:XML 解析器

2016-02-19 19:03 10 1 收藏

下面是个超简单的XML入门教程:XML 解析器教程,图老师小编精心挑选推荐,大家行行好,多给几个赞吧,小编吐血跪求~

【 tulaoshi.com - Web开发 】

如需读取、更新、创建或者操作某个XML文档,则需要XML解析器。

实例

解析XML文件 - 跨浏览器的实例

本例是一个跨浏览器的实例,把某个XML文档("note.xml")载入XML解析器。

html
body
script type="text/vbscript"
set xmlDoc=CreateObject("Microsoft.XMLDOM")
xmlDoc.async="false"
xmlDoc.load("/example/xmle/xmle_xml_note.xml")
document.write("h1Traversing the XML nodes/h1")
for each x in xmlDoc.documentElement.childNodes
document.write("b" & x.nodename & "/b")
document.write(": ")
document.write(x.text)
document.write("brbr")
next
/script
/body
/html

解析XML字符串 - 跨浏览器的实例

本例是一个跨浏览器的实例,展示如何载入并解析某个XML字符串。

html
body
script type="text/javascript"
var xmlDoc = new ActiveXObject("Microsoft.XMLDOM")
xmlDoc.async="false"
xmlDoc.load("/example/xmle/xmle_xml_note.xml")
document.write
("The first XML element in the file contains: ")
document.write
(xmlDoc.documentElement.childNodes.item(0).text)
/script
/body
/html

解析一个XML文档

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

如需操作某个XML文档,您需要XML解析器。解析器会将文档载入电脑的内存中。一旦文档被载入,可使用DOM对其数据进行操作。DOM把XML作为一颗树来处理。

微软的XML解析器与Mozilla浏览器中使用的解析器是有差异的。在本教程中,我们会为您展示如何创建可工作于IE和Mozilla浏览器中的跨浏览器脚本。

微软的XML解析器

微软的XML解析器是存在于IE 5.0或更高版本中的COM组件。一旦你安装了IE,就可使用脚本来利用解析器了。

微软的XML解析器支持所有必要的功能,来遍历节点树,访问节点以及它们的属性值,插入并删除节点,并将节点数转换回XML。

如需创建微软XML解析器的一个实例,请使用下面的代码:

JavaScript:
var xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
VBScript:
set xmlDoc=CreateObject("Microsoft.XMLDOM")
ASP:
set xmlDoc=Server.CreateObject("Microsoft.XMLDOM")

下面的代码段可向微软的XML解析器载入一个已有的XML文档("note.xml"):

var xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
xmlDoc.async="false";
xmlDoc.load("note.xml");

上面的脚本的第一行创建了XML解析器的一个实例。第二行关闭了同步载入,这样可以确保在文档被完全载入前解析器不会继续执行。第三行会告知解析器载入名为"note.xml"的XML的文档。

Mozilla、Firefox以及Opera中的XML解析器

Mozilla浏览器的XML解析器支持所有必要的功能,来遍历节点树,访问节点以及它们的属性值,插入并删除节点,并将节点树转换回XML。

如需创建Mozilla浏览器的XML解析器的一个实例,请使用下面的代码:

JavaScript:
var xmlDoc=document.implementation.createDocument("ns","root",null);

第一个参数,ns,定义用于XML文档的命名空间(namespace)。第二个参数,root,是XML文件中的XML根元素。第三个参数,null,一般总是null,这是由于目前还没有用到这个参数。

下面的代码段可向Mozilla浏览器的XML解析器载入一个已有的XML文档("note.xml"):

var xmlDoc=document.implementation.createDocument("","",null);
xmlDoc.load("note.xml");

上面的脚本的第一行创建了XML解析器的一个实例。第二行会告知解析器载入名为"note.xml"的XML的文档。

解析某个XML文件 - 跨浏览器的实例

下面的例子是一个跨浏览器的实例,向XML解析器载入了某个已有的XML文档("note.xml"):

html
head
script type="text/javascript"
var xmlDoc;
function loadXML()
{
// 用于 IE 的代码:
if (window.ActiveXObject)
{
xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
xmlDoc.async=false;
xmlDoc.load("note.xml");
getmessage();
}
// 用于 Mozilla, Firefox, Opera, 等浏览器的代码:
else if (document.implementation &&
document.implementation.createDocument)
{
xmlDoc=document.implementation.createDocument("","",null);
xmlDoc.load("note.xml");
xmlDoc.onload=getmessage;
}
else
{

alert('Your browser cannot handle this script');
}
}
function getmessage()
{
document.getElementById("to").innerHTML=
xmlDoc.getElementsByTagName("to")[0].childNodes[0].nodeValue;
document.getElementById("from").innerHTML=
xmlDoc.getElementsByTagName("from")[0].childNodes[0].nodeValue;
document.getElementById("message").innerHTML=
xmlDoc.getElementsByTagName("body")[0].childNodes[0].nodeValue;
}
/script
/head
body onload="loadXML()"
h1W3Schools Internal Note/h1
pbT/b span id="to"/spanbr /
bFrom:/b span id="from"/spanbr /
bMessage:/b span id="message"/span
/p
/body
/html

输出:

W3Schools Internal Note
T Tove
From: Jani
Message: Don't forget me this weekend!

重要的注释

如需从某个XML元素(比如fromJani/from)中提取文本(比如Jani),请使用下面的语法:

getElementsByTagName("from")[0].childNodes[0].nodeValue

重要事项:getElementsByTagName会返回一个节点数组。此数组含有XML文档中拥有指定名称的所有元素。在这例子中,只有一个"from"元素,但是仍然需要设定数组的下标( [0] )。

解析一个XML字符串 - 跨浏览器的实例

下面的代码是一个跨浏览器的实例,向我们展示了如何加载和解析某个XML字符串:

html
body
script type="text/javascript"
var text="note";
text=text+"toTove/to";
text=text+"fromJani/from";
text=text+"headingReminder/heading";
text=text+"bodyDon't forget me this weekend!/body";
text=text+"/note";
// 用于 IE 的代码:
if (window.ActiveXObject)
{
var doc=new ActiveXObject("Microsoft.XMLDOM");
doc.async="false";
doc.loadXML(text);
}
// 用于 Mozilla, Firefox, Opera, 等浏览器的代码:
else
{
var parser=new DOMParser();
var doc=parser.parseFromString(text,"text/xml");
}
// documentElement 提交根元素:
var x=doc.documentElement;
document.write("Text of first child element: ");
document.write(x.childNodes[0].childNodes[0].nodeValue);
document.write("br /");
document.write("Text of second child element: ");
document.write(x.childNodes[1].childNodes[0].nodeValue);
/script
/body
/html

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

输出:

Text of first child element: Tove
Text of second child element: Jani

注释:Internet Explorer使用loadXML()方法解析XML字符串,而Mozilla浏览器使用DOMParser对象。

来源:http://www.tulaoshi.com/n/20160219/1619920.html

延伸阅读
标签: Web开发
不需要安装XML控件就可以在服务器上创建XML文档。 在服务器端存储XML文档 XML文件可以存储在网络服务器中。 就象其他的HTML文件一样,XML文件可以存储在网络服务器上。 打开你的记事本并写入下面的代码:  ?xml version="1.0" encoding="gb2312"? notefrom小奀/fromto小林/tomessage晚上一起去...
标签: Web开发
几乎所有的主流浏览器均支持 XML 和 XSLT。 Mozilla Firefox 从 1.0.2 版本开始,Firefox 就已开始支持 XML 和 XSLT(包括 CSS)。 Mozilla Mozilla 含有用于 XML 解析的 Expat,并支持显示 XML + CSS。Mozilla 同时拥有对 Namespaces 的某些支持。 Mozilla 同样可做到对 XSLT 的执行(XSLT implementation)。 ...
标签: Web开发
?xml version="1.0"? note from小奀/from to小林/to message晚上一起去火锅呀/message /note 但是如果你用浏览器打开这个用记事本编辑过的XML文档,将会出现一个错误open it with IE 5.0。 在Windows 95/98 记事本中使用编码 Windows 95/98 记事本编辑XML文件必须进行编码属性设置。 为了避免发生错误,可以在...
标签: Web开发
XML的语法规则既简单又严格,非常容易学习和使用。 正因为如此,编写读取和操作XML的软件也是相对容易的事情。 一个XML文档的例子 XML文档使用了自描述的和简单的语法。 ?xml version="1.0" encoding="ISO-8859-1"? note toLin/to fromOrdm/from headingReminder/heading bodyDon't forget me this w...
标签: Web开发
在XML文档中的所有文本都会被解析器解析。 只有在CDATA部件之内的文本会被解析器忽略。 解析数据 XML 解析器通常情况下会处理XML文档中的所有文本。 当XML元素被解析的时候,XML元素内部的文本也会被解析: messageThis text is also parsed/message XML解析器这样做的原因是XML元素内部可能还包含了别的元素,象下面的...

经验教程

855

收藏

76
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部