几个javascript处理xml的函数

简介: 今天用到javascript處理ajax返回的xml,又到了網找了一下,終於證實了自己之前想到的,已經有人做的解釋xml的js插件,不過,現在只用到簡單的xml處理,我也感覺這幾個函數很有用,轉貼一下。

今天用到javascript處理ajax返回的xml,又到了網找了一下,終於證實了自己之前想到的,已經有人做的解釋xml的js插件,不過,現在只用到簡單的xml處理,我也感覺這幾個函數很有用,轉貼一下。

 

==========  完美分界   =========

 

轉自:http://yeaha.javaeye.com/blog/179311

 

javascript处理xml的函数

用ajaxslt做过一个产品,感觉ajaxslt有各种好处,但是奈何js效率有限,最终还是回到使用浏览器自己的DOM实现上来。
重新学习浏览器DOM实现的过程中写了几个函数,在IE和FireFox上测试通过。
从效率测试上来看,这个代码比ajaxslt快差不多两个数量级,但问题就是浏览器的依赖性问题,好在我的目标仅仅是兼容IE6及以上版本、FireFox2及以上版本,问题不大
  1. // author: yangyi (yangyi.cn.gz@gmail.com)  
  2.   
  3. // Based on <http://www.w3.org/TR/2000/REC-DOM-Level-2-Core-20001113/core.html#ID-1950641247> (copy from ajaxslt)  
  4. var DOM_ELEMENT_NODE = 1;  
  5. var DOM_ATTRIBUTE_NODE = 2;  
  6. var DOM_TEXT_NODE = 3;  
  7. var DOM_CDATA_SECTION_NODE = 4;  
  8. var DOM_ENTITY_REFERENCE_NODE = 5;  
  9. var DOM_ENTITY_NODE = 6;  
  10. var DOM_PROCESSING_INSTRUCTION_NODE = 7;  
  11. var DOM_COMMENT_NODE = 8;  
  12. var DOM_DOCUMENT_NODE = 9;  
  13. var DOM_DOCUMENT_TYPE_NODE = 10;  
  14. var DOM_DOCUMENT_FRAGMENT_NODE = 11;  
  15. var DOM_NOTATION_NODE = 12;  
  16.   
  17. /** 
  18.  * http://developer.mozilla.org/en/docs/DOMParser 
  19.  * 接受一段xml,解析成为xml document对象 
  20.  * 调用时可用try{}catch(e){}捕捉错误,错误对象具有parser xml message属性 
  21.  * @param   {String}    xml string 
  22.  * @return  {Object}    xml document object 
  23.  */  
  24. function xmlDocument(/* String */xmlString){  
  25.     var doc = null;  
  26.   
  27.     if (window.ActiveXObject){  
  28.         var ActiveIds = ['MSXML2.XMLDOM''Microsoft.XMLDOM''MSXML.XMLDOM''MSXML3.XMLDOM'];  
  29.         for (var len = ActiveIds.length, i = 0; i < len; i++){  
  30.             var id = ActiveIds[i];  
  31.             try{  
  32.                 var doc = new ActiveXObject(id);  
  33.                 doc.async = false;  
  34.                 doc.setProperty('SelectionLanguage''XPath');  
  35.                 doc.loadXML(xmlString);  
  36.                 break;  
  37.             }catch (e){}finally{  
  38.                 if (doc && doc.parseError && doc.parseError.errorCode != 0){  
  39.                     throw {parser:'MSXML', message:doc.parseError.reason, xml:xmlString, func:'xmlDocument'};  
  40.                 }  
  41.             }  
  42.         }  
  43.     }else if (typeof DOMParser != 'undefined'){  
  44.         var parser = new DOMParser();  
  45.         var doc = parser.parseFromString(xmlString, 'text/xml');  
  46.         if (doc.documentElement.nodeName == 'parsererror'){  
  47.             throw {parser:'DOMParser', message:doc.documentElement.firstChild.nodeValue, xml:xmlString, func:'xmlDocument'};  
  48.         }  
  49.     }elsereturn false; }  
  50.   
  51.     return doc;  
  52. }  
  53.   
  54. /** 
  55.  * 获取指定节点或文档对象的xml内容 
  56.  * port from ajaxslt xmlText() 
  57.  * @param   {Object}    xml DOM Node or xml Document 
  58.  * @return  {String}    xml string 
  59.  */  
  60. function xmlText(/* Document|Element */node){  
  61.     if (typeof node == 'string'){ return node; }  
  62.   
  63.     if (node.innerXML){  
  64.         return node.innerXML;  
  65.     }else if (node.xml){  
  66.         return node.xml;  
  67.     }else if (typeof XMLSerializer != 'undefined'){  
  68.         return (new XMLSerializer()).serializeToString(node);  
  69.     }elsereturn false; }  
  70. }  
  71.   
  72. /** 
  73.  * 获取所有节点的内容 
  74.  * port from ajaxslt xmlValue() 
  75.  * @param   {Object}    xml DOM Node or xml Document 
  76.  * @return  {String} 
  77.  */  
  78. function xmlValue(/* Document|Element */node){  
  79.     var val = '';  
  80.     if (node.nodeType == DOM_TEXT_NODE ||  
  81.         node.nodeType == DOM_CDATA_SECTION_NODE ||  
  82.         node.nodeType == DOM_ATTRIBUTE_NODE){  
  83.         val += node.nodeValue;  
  84.     }else if (node.nodeType == DOM_ELEMENT_NODE ||  
  85.               node.nodeType == DOM_DOCUMENT_NODE ||  
  86.               node.nodeType == DOM_DOCUMENT_FRAGMENT_NODE){  
  87.         for (var len = node.childNodes.length, i = 0; i < len; i++){  
  88.             val += arguments.callee(node.childNodes[i]);  
  89.         }  
  90.     }  
  91.     return val;  
  92. }  
  93.   
  94. /** 
  95.  * 获取节点属性,以对象形式返回 
  96.  * @param   {Object} 
  97.  * @return  {Object} 
  98.  */  
  99. function xmlGetAttributes(/* Element */node){  
  100.     var result = {};  
  101.     var nodeMap = node.attributes;  
  102.     if (nodeMap){  
  103.         for (var len = nodeMap.length, i = 0; i < len; i++){  
  104.             var aNode = nodeMap.item(i);  
  105.             result[aNode.nodeName] = aNode.nodeValue;  
  106.         }  
  107.     }  
  108.     return result;  
  109. }  
  110.   
  111. /** 
  112.  * 设置节点属性 
  113.  * @param   {Object}    xml DOM Node 
  114.  * @param   {Object}    attribute data as object type 
  115.  * @return  {Void} 
  116.  */  
  117. function xmlSetAttributes(/* Element */node, /* Object */attributes){  
  118.     var attributes = attributes || {};  
  119.     for (key in attributes){  
  120.         node.setAttribute(key, attributes[key]);  
  121.     }  
  122. }  
  123.   
  124. /** 
  125.  * 使用xpath在xml树中查询 
  126.  * http://developer.mozilla.org/en/docs/Introduction_to_using_XPath_in_JavaScript 
  127.  * @param   {Object}    xml Document or xml DOM Node 
  128.  * @param   {String}    xpath query string 
  129.  * @param   {Boolean}   if set true, only return first result node 
  130.  * @return  {Mixed}     return array include all nodes or first node 
  131.  */  
  132. function xpathSelectNodes(/* Document|Element */root, /* String */query, /* Boolean */returnFirst){  
  133.     if (window.ActiveXObject){  
  134.         return returnFirst ? root.selectSingleNode(query) : root.selectNodes(query);  
  135.     }else if (document.evaluate){  
  136.         /** 
  137.          * DOMParser的return type有ordered和unordered两种 
  138.          * ordered会按照树中间的顺序排列结果,unordered不一定 
  139.          * 另外还有一种snapshots的,这种结果是树节点的一个clone 
  140.          * 也就是说,如果操作结果节点,原来的节点不会有改变 
  141.          * 这里使用非clone方式 
  142.          */  
  143.         var returnType = returnFirst ? XPathResult.FIRST_ORDERED_NODE_TYPE : XPathResult.ORDERED_NODE_ITERATOR_TYPE;  
  144.         var doc = (root.nodeType == DOM_DOCUMENT_NODE) ? root : root.ownerDocument;  
  145.         var root = (root.nodeType == DOM_DOCUMENT_NODE) ? root.documentElement : root;  
  146.         var result = doc.evaluate(query, root, null, returnType, null);  
  147.   
  148.         if (returnFirst){  
  149.             var nodes = result.singleNodeValue;  
  150.         }else{  
  151.             var nextNode = result.iterateNext();  
  152.             var nodes = [];  
  153.             while (nextNode){  
  154.                 nodes.push(nextNode);  
  155.                 nextNode = result.iterateNext();  
  156.             }  
  157.         }  
  158.     }  
  159.     return nodes;  
  160. }  
  161.   
  162. /** 
  163.  * http://developer.mozilla.org/en/docs/Transforming_XML_with_XSLT 
  164.  * http://developer.mozilla.org/en/docs/Using_the_Mozilla_JavaScript_interface_to_XSL_Transformations 
  165.  * @param   {Mixed}     source xml, xml string or xml Document or xml DOM Node 
  166.  * @param   {Mixed}     xslt style sheet, xml string or xml Document or xml DOM Node 
  167.  * @param   {Boolean}   if set true, return processed xml as Document 
  168.  * @return  {Mixed}     return string or Document 
  169.  */  
  170. function xsltProcess(/* String|Document|Element */srcDoc, /* String|Document|Element */stylesheet, /* Boolean */returnAsDoc){  
  171.     var returnAsDoc = (typeof returnAsDoc == 'undefined') ? false : returnAsDoc;  
  172.     try{  
  173.         var srcDoc = (typeof srcDoc == 'string') ? xmlDocument(srcDoc) : srcDoc;  
  174.         var stylesheet = (typeof stylesheet == 'string') ? xmlDocument(stylesheet) : stylesheet;  
  175.     }catch(e){ e.func = 'xsltProcess'throw e; }  
  176.   
  177.     if (typeof XSLTProcessor != 'undefined'){  
  178.         var processor = new XSLTProcessor();  
  179.         try{  
  180.             processor.importStylesheet(stylesheet);  
  181.             var dest = processor.transformToDocument(srcDoc);  
  182.             return returnAsDoc ? dest : xmlText(dest);  
  183.         }catch(e){ throw {func:'xsltProcess', processor:'XSLTProcessor', xml:xmlText(srcDoc), xslt:xmlText(stylesheet)}; }  
  184.     }else if (window.ActiveXObject){  
  185.         try{  
  186.             var dest = srcDoc.transformNode(stylesheet);  
  187.             return returnAsDoc ? xmlDocument(dest) : dest;  
  188.         }catch(e){ throw {func:'xsltProcess', processor:'MSXML', xml:xmlText(srcDoc), xslt:xmlText(stylesheet)}; }  
  189.     }  
  190.   
  191.     return false;  

相关文章
|
24天前
|
JavaScript
|
1月前
|
JavaScript
变量和函数提升(js的问题)
变量和函数提升(js的问题)
|
1月前
|
JavaScript
常见函数的4种类型(js的问题)
常见函数的4种类型(js的问题)
11 0
|
3天前
|
JavaScript 前端开发 C++
【Web 前端】JavaScript window.onload 事件和 jQuery ready 函数有何不同?
【5月更文挑战第2天】【Web 前端】JavaScript window.onload 事件和 jQuery ready 函数有何不同?
|
4天前
|
XML 存储 JavaScript
XML DOM 加载函数
`loadXMLString()`函数被封装在名为&quot;loadxmlstring.js&quot;的外部JavaScript文件中,用于加载XML文档。在示例HTML中,这个函数被调用来处理动态生成的XML字符串,该字符串描述了一本名为&quot;Everyday Italian&quot;的书籍信息。之后,可以在`code goes here.....`处进一步处理`xmlDoc`对象。
|
4天前
|
XML 存储 JavaScript
XML DOM 加载函数
`loadXMLDoc()` 是一个JavaScript函数,用于加载XML文档。它支持XMLHttpRequest和ActiveXObject,适应不同浏览器。函数定义存储在名为`loadxmldoc.js`的外部文件中,包含在HTML `&lt;head&gt;`标签内,然后在页面脚本中调用来获取XML数据,如`books.xml`。接下来的章节将介绍如何处理加载的数据。
|
4天前
|
JavaScript 前端开发
<body> 中的JavaScript函数
【5月更文挑战第1天】<body> 中的JavaScript函数。
8 3
|
4天前
|
JavaScript 前端开发
<head> 中的JavaScript 函数
【5月更文挑战第1天】<head> 中的JavaScript 函数。
8 2
|
6天前
|
JavaScript
变量和函数提升(js的问题)
变量和函数提升(js的问题)
|
6天前
|
JSON JavaScript 前端开发
深入探讨javascript的流程控制与分支结构,以及js的函数
深入探讨javascript的流程控制与分支结构,以及js的函数