xml复习（二）

 

解析 XML 文档

下面的代码片段把 XML 文档解析到 XML DOM 对象中：

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","books.xml",false);

xmlhttp.send();

xmlDoc=xmlhttp.responseXML; 

其他方法 1：通过微软的 XML 解析器来加载 XML

微软的 XML 解析器内建于 Internet Explorer 5 以及更高的版本中。

下面的 JavaScript 片段把一个 XML 文档载入解析器中：

var xmlDoc=new ActiveXObject("Microsoft.XMLDOM");

xmlDoc.async="false";

xmlDoc.load("note.xml");

1.   上面代码的第一个行创建一个空的微软 XML 文档对象。

2.   第二行关闭异步加载，这样确保在文档完全加载之前解析器不会继续脚本的执行。

3.    第三行告知解析器加载名为 "note.xml" 的 XML 文档。

其他方法 2：在 Firefox 及其他浏览器中的 XML 解析器

下面的 JavaScript 片段把 XML 文档 ("note.xml") 载入解析器：

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

xmlDoc.async="false";

xmlDoc.load("note.xml");

1.  上面代码的第一个行创建一个空的 XML 文档对象。

2.  第二行关闭异步加载，这样确保在文档完全加载之前解析器不会继续脚本的执行。

3.  第三行告知解析器加载名为 "note.xml" 的 XML 文档。

 

解析 XML 字符串

下面的 JavaScript 代码片段把 XML 字符串解析到 XML DOM 对象中（把字符串 txt 载入解析器）：

txt="<bookstore><book>";

txt=txt+"<title>Everyday Italian</title>";

txt=txt+"<author>Giada De Laurentiis</author>";

txt=txt+"<year>2005</year>";

txt=txt+"</book></bookstore>";

if (window.DOMParser)

  {

  parser=new DOMParser();

  xmlDoc=parser.parseFromString(txt,"text/xml");

  }

else // Internet Explorer

  {

  xmlDoc=new ActiveXObject("Microsoft.XMLDOM");

  xmlDoc.async="false";

  xmlDoc.loadXML(txt);

  }

注释：Internet Explorer 使用 loadXML() 方法来解析 XML 字符串，而其他浏览器使用 DOMParser 对象。

注释：loadXML() 方法用于加载字符串（文本），load() 用于加载文件。

 

 

出于安全方面的原因，现代的浏览器不允许跨域的访问。

这意味着，网页以及它试图加载的 XML 文件，都必须位于相同的服务器上。

假如你打算在自己的网页上使用上面的例子，则必须把 XML 文件放到自己的服务器上。否则，xmlDoc.load() 将产生错误 "Access is denied"。

 

在下面的例子中，我们使用 DOM 引用从 <to> 元素中获取文本：

xmlDoc.getElementsByTagName("to")[0].childNodes[0].nodeValue

• xmlDoc -由解析器创建的 XML 文档
• getElementsByTagName("to")[0] - 第一个 <to> 元素
• childNodes[0] - <to> 元素的第一个子元素（文本节点）
• nodeValue - 节点的值（文本本身）

在下面的例子中，我们使用 DOM 引用来改变 id="to" 的 HTML 元素的文本：

document.getElementById("to").innerHTML=

• document - HTML 文档
• getElementById("to") - 其中的 id="to" 的 HTML 元素
• innerHTML - HTML 元素的内部文本