DOM操作XML

       在使用AJAX时，虽然JSON数据格式简单易用,但是服务器端语言对JSON的支持并不如XML完善,有时候我们需要从后台向前台返回XML数据格式，所以学会javascript怎样利用DOM操作XML是非常有必要的

以下为JS利用DOM操作XML的代码

1、对XML文档的装载

[javascript] view plain copy print ?

1. function loadXMLDocument(flag,xmlDoc){//flag=true代表XML文档,否则是XML字符串   
2.     //IE浏览器的装载方法   
3.     if(window.ActiveXObject){  
4.         var activeName=['MSXML2.DOMDocument','Microsoft.XmlDom'];  
5.         var xmlObj;  
6.         for(var i=0;i<activeName.length;i++){  
7.             try{  
8.                 xmlObj=new ActiveXObject(activeName[i]);  
9.                 break;  
10.             }catch(e){    
11.               
12.             }  
13.                   
14.         }  
15.           
16.         //对象创建成功   
17.         if(xmlObj){  
18.             //以同步方式装载XML文档   
19.             xmlObj.async=false;  
20.             //装载xml文档   
21.             if(flag){  
22.                 xmlObj.load(xmlDoc);  
23.             }else{//装载xml字符串   
24.                 xmlObj.loadXML(xmlDoc);  
25.             }  
26.               
27.             //返回根节点对象   
28.             //return xmlObj;   
29.             //返回根元素对象   
30.             return xmlObj.documentElement;  
31.           
32.         }else{//对象创建失败     
33.             alert("XMLDocumnet对象创建失败");  
34.             return null;  
35.         }  
36.           
37.           
38.     //FireFox浏览器的装载方法   
39.     }else if(document.implementation.createDocument){  
40.         var xmlObj;  
41.         if(flag){//装载xml文档   
42.             xmlObj=document.implementation.createDocument("","",null);  
43.             if(xmlObj){  
44.                 xmlObj.async=false;  
45.                 xmlObj.load(xmlDoc);  
46.                 return xmlObj  
47.                 //return xmlObj.documentElement;       
48.             }else{  
49.                 alert("创建对象失败");  
50.                 return null;  
51.             }  
52.               
53.         }else{//装载xml字符串   
54.             xmlObj=new DOMParser();  
55.             var docRoot=xmlObj.parseFromString(xmlDoc,'text/xml');  
56.             return docRoot.documentElement;  
57.         }  
58.       
59.     }else{  
60.         alert("XMLDocumnet对象创建失败");  
61.         return null;  
62.     }  
63. }  

function loadXMLDocument(flag,xmlDoc){//flag=true代表XML文档,否则是XML字符串
	//IE浏览器的装载方法
	if(window.ActiveXObject){
		var activeName=['MSXML2.DOMDocument','Microsoft.XmlDom'];
		var xmlObj;
		for(var i=0;i<activeName.length;i++){
			try{
				xmlObj=new ActiveXObject(activeName[i]);
				break;
			}catch(e){	
			
			}
				
		}
		
		//对象创建成功
		if(xmlObj){
			//以同步方式装载XML文档
			xmlObj.async=false;
			//装载xml文档
			if(flag){
				xmlObj.load(xmlDoc);
			}else{//装载xml字符串
				xmlObj.loadXML(xmlDoc);
			}
			
			//返回根节点对象
			//return xmlObj;
			//返回根元素对象
			return xmlObj.documentElement;
		
		}else{//对象创建失败	
			alert("XMLDocumnet对象创建失败");
			return null;
		}
		
		
	//FireFox浏览器的装载方法
	}else if(document.implementation.createDocument){
		var xmlObj;
		if(flag){//装载xml文档
			xmlObj=document.implementation.createDocument("","",null);
			if(xmlObj){
				xmlObj.async=false;
				xmlObj.load(xmlDoc);
				return xmlObj
				//return xmlObj.documentElement;	
			}else{
				alert("创建对象失败");
				return null;
			}
			
		}else{//装载xml字符串
			xmlObj=new DOMParser();
			var docRoot=xmlObj.parseFromString(xmlDoc,'text/xml');
			return docRoot.documentElement;
		}
	
	}else{
		alert("XMLDocumnet对象创建失败");
		return null;
	}
}

2、XML文档装载完成之后，剩下的就是如何利用XPATH技术获取XML中的内容了，在这里通常会用到两个方法：selectNodes()和selectSingleNode()

2.1 selectSingleNode()方法

[javascript] view plain copy print ?

1. function selectSingleNode(xmlDom,sXpath){  
2.     if(window.ActiveXObject){//IE浏览器   
3.         return xmlDom.selectSingleNode(sXpath);  
4.           
5.     }else if(window.XPathEvaluator){//firefox类浏览器   
6.         var xpathObj=new XPathEvaluator();  
7.         if(xpathObj){  
8.             var result=xpathObj.evaluate(sXpath,xmlDom,null,XPathResult.FIRST_ORDERED_NODE_TYPE,null);  
9.             return result.singleNodeValue;  
10.         }else{  
11.             return null;  
12.         }  
13.     }else{  
14.         return null;  
15.     }  
16.       
17. }  

function selectSingleNode(xmlDom,sXpath){
	if(window.ActiveXObject){//IE浏览器
		return xmlDom.selectSingleNode(sXpath);
		
	}else if(window.XPathEvaluator){//firefox类浏览器
		var xpathObj=new XPathEvaluator();
		if(xpathObj){
			var result=xpathObj.evaluate(sXpath,xmlDom,null,XPathResult.FIRST_ORDERED_NODE_TYPE,null);
			return result.singleNodeValue;
		}else{
			return null;
		}
	}else{
		return null;
	}
	
}

2.2 selectNodes()方法

[javascript] view plain copy print ?

1. function selectNodes(xmlDom,sXpath){  
2.     if(window.ActiveXObject){//IE浏览器   
3.         return xmlDom.selectNodes(sXpath);  
4.           
5.     }else if(window.XPathEvaluator){//firefox类浏览器   
6.         var xpathObj=new XPathEvaluator();  
7.         if(xpathObj){  
8.             var result=xpathObj.evaluate(sXpath,xmlDom,null,XPathResult.ORDERED_NODE_ITERATOR_TYPE,null);  
9.             var nodes=new Array();  
10.             var node;  
11.             while((node=result.iterateNext())!=null){  
12.                 nodes.push(node);  
13.             }  
14.             return nodes;  
15.         }else{  
16.             return null;  
17.         }  
18.     }else{  
19.         return null;  
20.     }     
21. }  

function selectNodes(xmlDom,sXpath){
	if(window.ActiveXObject){//IE浏览器
		return xmlDom.selectNodes(sXpath);
		
	}else if(window.XPathEvaluator){//firefox类浏览器
		var xpathObj=new XPathEvaluator();
		if(xpathObj){
			var result=xpathObj.evaluate(sXpath,xmlDom,null,XPathResult.ORDERED_NODE_ITERATOR_TYPE,null);
			var nodes=new Array();
			var node;
			while((node=result.iterateNext())!=null){
				nodes.push(node);
			}
			return nodes;
		}else{
			return null;
		}
	}else{
		return null;
	}	
}

关于XPATH的技术细节大家可以从网上找到很多相关资料，JS和服务器端语言对XPATH技术的支持都是非常好的。在这里就不赘述了。

希望这篇文章能对学习AJAX的孩纸们有帮助