javascript快速入门25—浏览器中的XML

    如果是使用XSL,只需将上面的type属性值改成text/xsl即可!

    XMLHttpRequest对象的responseXML属性用来获取从服务器端返回的XML文件,如果没有则为null.注意,只有在服务器环境下,请求一个以.xml为后缀的文件返回的才会是一个XML DOM,在本地请求一个XML文件,返回的仍是文本文件.如果要使用服务器脚本生成字符串,要返回XML,必须加上一些头信息

    2.     var xhr = XHR();//XHR为之前所写的可以跨浏览器创建XMLHttpRequest对象的函数
    3.     xhr.open("get","test.php",true);
    4.     xhr.onreadystatechange = function () { if (xhr.readyState==4 && xhr.status == 200) { //输出root
    5.             alert(xhr.responseXML.documentElement.nodeName);//可以使用DOM 2 Core的一些属性和方法
    6.  }
    7.     };
    8.     xhr.send(null); //PHP Code
    9.     header("Content-Type:text/xml");//发送MIME信息
    10.     echo  <<<XML <?xml version="1.0" encoding="gbk"?>
    11.         <root />
    12.     XML;

    浏览器也提供了直接加载XML文件的方法,但也仅仅火狐与Windows平台上的IE支持而已.同样,两者之间的实现也有很大的差别的!

    IE中的XML DOM

    微软在JavaScript中引入了用于创建ActiveX对象的ActiveXObject类。ActiveXObject的构造函数只有一个参数——要进行实例化的ActiveX对象的字符串代号。例如，XML DOM对象的第一个版本称为Microsoft.XmlDom。所以，要创建这个对象的实例，使用以下代码：

    1.  var xmlDom = new ActiveXObject("Microsoft.XmlDom");

    IE中的XML DOM支持的最新版本是5.0,IE中存在以下版本的XML DOM实现:

    • Microsoft.XmlDom（最原始的）
    • MSXML2.DOMDocument
    • MSXML2.DOMDocument.3.0
    • MSXML2.DOMDocument.4.0
    • MSXML2.DOMDocument.5.0
      自然地，只要可能，大家都会选择最新的XML DOM的版本，因为新版会提高速度，添加一些新的功能如验证等。但是，如果尝试创建不存在于客户端机器上的ActiveX对象，IE就会抛出错误并停止所有执行。所以，为确保使用了正确的XML DOM版本，也为避免任何其他错误，我们可以创建一个函数来测试每个XML DOM字符串，出现错误即捕获：
    1.  function XMLDOM() { var xmlDomVers = [ "Microsoft.XmlDom", "MSXML2.DOMDocument", "MSXML2.DOMDocument.3.0", "MSXML2.DOMDocument.4.0", "MSXML2.DOMDocument.5.0" ]; for (var i=xmlDomVers.length-1;i>=0;i--) { try { var xmlDom = new ActiveXObject(xmlDomVers[i]); return xmlDom;
    2.             } catch(e) {continue;}
    4.         }
    5.     }

    接下来就是载入XML. 微软的XML DOM有两种载入XML的方法：loadXML()和load()。loadXML()方法可直接向XML DOM输入XML字符串.load()方法用于从服务器上载入XML文件。不过，load()方法只可以载入与包含JavaScript的页面存储于同一服务器上的文件，也就是说，不可以通过其他人的服务器载入XML文件。 load方法还有两种载入文件的模式：同步和异步。以同步模式载入文件时，JavaScript代码会等待文件完全载入后才继续执行代码；而以异步模式载入时，不会等待，可以使用事件处理函数来判断文件是否完全载入了。默认情况下，文件按照异步模式载入。要进行同步载入，只需设置async特性为false：

    1.  //Only For IE
    2.     var xmlDom = XMLDOM();
    3.     xmlDom.loadXML("<root />");
    4.     alert(xmlDom.documentElement.nodeName); var xml = XMLDOM();
    5.     xml.async = false;//同步载入
    6.     xml.load("test.xml");
    7.     alert(xml.documentElement.firstChild.nodeValue); //同步加载时需要使用readystatechange事件监听
    8.     var xml2 = XMLDOM();
    9.     xml2.onreadystatechange = function () {//必须在调用load方法前分配此事件处理函数
    10.         if (xml2.readyState==4) {//readyState的含义和XHR对象是一样的
    11.             //注意这里没有使用this,因为IE下的ActiveXObject很特殊,使用this会出错
    12.             alert(xml2.xml);//与innerHTML属性类似,IE中的xml属性返回XML字符串形式的源码
    14.  }
    15.     };
    16.     xml2.load("test.xml");

    parseError特性实际上是包含以下特性的对象：

    • errorCode——表示所发生的错误类型的数字代号（当没有错误时为0）
    • filePos——错误发生在文件中的位置
    • line——遇到错误的行号
    • linepos——在遇到错误的那一行上的字符的位置
    • reason——对错误的一个解释
    • srcText——造成错误的代码
    • url——造成错误的文件的URL（如果可用）
      当直接对parseError自身取值，它会返回errorCode的值，也就是说可以这样进行检查

    Mozilla中的XML DOM

    与Mozilla其他方面一样，它提供的XML DOM版本要比IE的更加标准。 Mozilla中的XML DOM实际上是它的JavaScript实现，也就是说它不仅与浏览器一起衍化，同时它能可靠地在Mozilla支持的所有平台上使用。因此与不能在Macintosh上使用XML DOM的IE不同，Mozilla的支持跨越了平台的界限。另外，Mozilla的XML DOM实现了支持DOM Level 2 的功能，而微软的，仅支持DOM Level 1。

    DOM标准指出，document.implementation对象有个可用的createDocument()方法。Mozilla严格遵循了这个标准，可以这样创建XML DOM：

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

    createDocument()的三个参数分别是文档的命名空间URL，文档元素的标签名以及一个文档类型对象（总是为null，因为在Mozilla中还没有对文档类型对象的支持）。前面这行代码创建一个空的XML DOM。要创建包含一个文档元素的XML DOM，只需将标签名作为第二个参数：

    1.  var xmlDom = document.implementation.createDocument("","root",null);

    这行代码创建了代表XML代码<root/>的XML DOM。如果在第一个参数中指定了命名空间URL，可进一步定义文档元素：

    1.  var xmlDom = document.implementation.createDocument("http://www.x-do.org","root",null);

    这行代码创建了表示<root xmlns=" DOM

    1.  var xmlDom = document.implementation.createDocument("","root",null);
    2.     xmlDom.async = false;//同步载入
    3.     xmlDom.load("test.xml");

    与IE不同的是,同步载入时,并没有readychange事件,而只有load事件,并且只有加载完毕一种状态!

    另外,麻烦的是,Mozilla的XML DOM不支持loadXML()方法。要将XML字符串解析为DOM，必须使用DOMParser对象,使用其parseFromString方法传入XML字符串表现形式：

    1.  var xmlParser = new DOMParser(); var xmlDom = xmlParser.parseFromString("<root />","text/xml");//该方法返回一个XML DOM对象
    2.     //第二个参数text/xml也可以是application/xml,两者都用来解析XML
    3.     //还可以是application/xhtml+xml,用来解析XHTML,只能用这三种MIME

    与直接解析XML字符串相对应的获取XML字符串的方法,IE中XML DOM对象具有只读的xml属性,而Mozilla 则没有相对应的属性,但是，Mozilla提供了可以用于同样的目的的XMLSerializer对象：

    1.  var serializer= new XMLSerializer(); var xmlStr = serializer.serializeToString(xmlDom,"text/xml"); //xmlDom为一个XML DOM节点对象
    2.     //而text/xml也可为application/xml

    对于XML 解析错误,Mozilla的实现方式非常麻烦,它不像IE那样提供一个对象来表示错误,而是将错误信息作为一个XML文档返回,要获取具体的错误信息,还必须用解析其中的字符串!

    1.  var xmlParser = new DOMParser(); var xmlDom = xmlParser.parseFromString("<root><child></root>","text/xml");
    2.     alert(xmlDom.documentElement.nodeName);//将返回parsererror,因为文档解析出错时
    3.     var serializer = new XMLSerializer(); var str = serializer.serializeToString(xmlDom,"text/xml");
    4.     alert(str);//将输出类似下面内容
    5.     <parsererror xmlns="http://www.mozilla.org/newlayout/xml/parsererror.xml"> XML解析错误：不符合的记号.预期：&lt;/child&gt;。 
    6.     位置：file:///E:/XML/test.html 
    7.     行：1，列：16：<sourcetext>&lt;root&gt;&lt;child&gt;&lt;/root&gt;
    8.     ---------------^</sourcetext></parsererror>

    而从其中抽取出诸如行号这些错误信息,只好使用正则表达式了!但是由于浏览器的语言设置不同,使用正则表达式也是困难重重的! 可以看到,虽然Mozilla对XML DOM的实现更标准,但是使用起来是非常不方便的!

    说它跨浏览器,其实也仅仅是兼容Mozilla与Windows上的IE而已,而对于其它浏览器,则可以降级,考虑使用XHR的responseXML,虽然XHR对象该属性没有提供什么高级的方便的方法,但用于读取XML已经足够了!

    1. if (document.implementation && document.implementation.createDocument) { //W3C
    2.     var getXMLDOM=function () {//获取一个XMLDOM对象
    3.         return document.implementation.createDocument("","",null);
    4.     loadXMLFile=function (xmlDom,url,callback) { if (xmlDom.async===true) {
    5.             xmlDom.onload=function () { if (xmlDom.documentElement.nodeName=="parsererror") { throw new Error("XML Parse Error:"+xmlDom.documentElement.firstChild.nodeValue);
    6.                 } else {
    7.                     callback.call(xmlDom);
    9.             };
    10.         }
    11.         xmlDom.load(url); return xmlDom;
    12.     },
    13.     loadXMLString=function (xmlDom,s) { var p = new DOMParser(); var newDom=p.parseFromString(s,"text/xml"); if (newDom.documentElement.nodeName=="parsererror") { throw new Error("XML Parse Error:"+newDom.documentElement.firstChild.nodeValue);
    14.         } while (xmlDom.firstChild) {
    15.             xmlDom.removeChild(xmlDom.firstChild);
    16.         } for (var i=0,n;i<newDom.childNodes.length;i++) {
    17.             n=xmlDom.importNode(newDom.childNodes[i],true); //importNode用于把其它文档中的节点导入到当前文档中
    18.             //true参数同时导入子节点
    19.  xmlDom.appendChild(n);
    20.         } return xmlDom;
    21.     },
    22.     getXML=function (xmlNode) { var s= new XMLSerializer(); return s.serializeToString(xmlNode,"text/xml");
    23.     };
    24. } else if (window.ActiveXObject) { //IE
    25.     var getXMLDOM=function () { return new ActiveXObject("Microsoft.XmlDom");
    26.     },loadXMLFile=function (xmlDom,url,callback) {
    27.         xmlDom.onreadystatechange=function () { if (xmlDom.readyState===4) { if (xmlDom.parseError.errorCode===0) {
    28.                     callback.call(xmlDom);
    29.                 } else { throw new Error("XML Parse Error:"+xmlDom.parseError.reason);
    30.                 }
    31.             }
    32.         };
    33.         xmlDom.load(url); return xmlDom;
    34.     },loadXMLString=function (xmlDom,s) {
    35.         xmlDom.loadXML(s); if (xmlDom.parseError.errorCode!==0) { throw new Error("XML Parse Error:"+xmlDom.parseError.reason);
    36.         } return xmlDom;
    37.     },
    38.     getXML=function (xmlNode) { return xmlNode.xml;
    40. }