XMLUtils 封装通用的javascript解析XML文件

标签: xmlutils 封装 通用 | 发表时间:2013-12-04 18:42 | 作者:sungang_1120
出处:http://www.iteye.com

XMLUtils.js

function XmlUtils(config) {
	/* 定义私有属性 */
	this.isIE = !!(window.attachEvent && !window.opera);
	this.init();
	if (config) {
		this.dataType = config.dataType == 'json' ? 'json' : 'array';
		if (config.xmlPath)
			this.loadXml(config.xmlPath);
	}

}

XmlUtils.prototype = {
	xmlDoc : null,
	xmlPath : null,
	dataType : null,

	/**
	 * 初始化
	 */

	init : function() {
		if (this.isIE) {
			var activexArr = [ "MSXML4.DOMDocument", "MSXML3.DOMDocument",
					"MSXML2.DOMDocument", "MSXML.DOMDocument",
					"Microsoft.XmlDom" ];
			for ( var i = 0; i < activexArr.length; i++) {
				try {
					this.xmlDoc = new ActiveXObject(activexArr[i]);
				} catch (e) {

				}
			}
		} else {
			this.xmlDoc = document.implementation.createDocument("", "", null);
		}
	},
	/**
	 * 加载xml文件,参数:
	 * 
	 * @param {string}
	 *            xmlPath:加载的xml文件路径;
	 * @return {Object} true 正常加载; false 加载失败
	 */
	loadXml : function(xmlPath) {
		try {
			this.xmlDoc.async = false;
			this.xmlDoc.load(xmlPath);
			this.xmlPath = xmlPath;
			return true;
		} catch (e) {
			return false;
		}
	},
	/**
	 * 加载XML字符串
	 * 
	 * @param {Object}
	 *            XMLString
	 */
	loadXmlString : function(xmlString) {
		if (this.isIE) {
			this.xmlDoc.loadXML(xmlString);
		} else {
			var parser = new DOMParser();
			this.XMLDoc = parser.parseFromString(xmlString, "text/xml");
		}
	},

	/**
	 * 判断节点的是否有子节点
	 * 
	 * @param {Object}
	 *            node
	 * @return {Object} 有子节点则返回true,否则返回false
	 */
	hasChildNodes : function(node) {
		return node.hasChildNodes();
	},

	/**
	 * 判断节点的是否有属性
	 * 
	 * @param {Object}
	 *            node
	 * @return {Object} 有属性则返回true,否则返回false
	 */
	hasAttributes : function(node) {
		return (node.attributes.length > 0) ? true : false;
	},

	/**
	 * 判断节点的是否是文本节点,包括带CDATA区段的文本节点
	 * 
	 * @param {Object}
	 *            node
	 * @return {Object} 是文本节点则返回true,否则返回false
	 */
	isTextNode : function(node) {
		var type = this.getNodeType(node);
		return (type == 3 || type == 4) ? true : false;
	},
	/**
	 * 返回根节点
	 * 
	 * @return {Object} 根节点
	 */
	getRoot : function() {
		return this.xmlDoc.documentElement;
	},
	/**
	 * 返回节点的第一个子节点,没有参数则返回根节点的第一个子节点
	 * 
	 * @param {Object}
	 *            node
	 * @return {Object} 节点的第一个子节点
	 */
	getFirstChild : function(node) {
		return node ? node.firstChild : this.getRoot().firstChild;
	},
	/**
	 * 返回节点的最后子节点,没有参数则返回根节点的第一个子节点
	 * 
	 * @param {Object}
	 *            node
	 * @return {Object} 节点的最后一个子节点
	 */
	getLastChild : function(node) {
		return node ? node.lastChild : this.getRoot().lastChild;
	},
	/**
	 * 返回节点的下一个节点,没有参数则返回根节点的第一个子节点
	 * 
	 * @param {Object}
	 *            node
	 * @return {Object} 节点的下一个节点
	 */
	getNextNode : function(node) {
		return node ? node.nextSibling : null;
	},
	/**
	 * 返回节点的上一个节点,没有参数则返回根节点的第一个子节点
	 * 
	 * @param {Object}
	 *            node
	 * @return {Object} 节点的上一个节点
	 */
	getPreviousNode : function(node) {
		return node ? node.previousSibling : null;
	},
	/**
	 * 返回节点的子节点,没有参数则返回null
	 * 
	 * @param {Object}
	 *            node
	 * @return {Object} 节点所有子节点
	 */
	getChildNodes : function(node) {
		return (node && this.hasChildNodes(node)) ? node.childNodes : null;
	},
	/**
	 * 返回节点的父节点,没有参数则返回null
	 * 
	 * @param {Object}
	 *            node
	 * @return {Object} 节点父节点
	 */
	getParentNode : function(node) {
		return node ? node.parentNode : null;
	},
	/**
	 * 根据节点名返回节点数组文本值,参数:
	 * 
	 * @param {string或object}
	 *            nodeName:节点名称;
	 * @return {object} 节点存在返回节点数组;节点不存在则返回null。
	 */
	getNodesTextByName : function(nodeNames) {
		return nodeNames ? (this.dataType == 'json' ? this
				.getJsonNodesTextByName(nodeNames) : this
				.getArryNodesTextByName(nodeNames)) : null;
	},
	/**
	 * 根据节点名返回节点普通数组文本值,参数:
	 * 
	 * @param {string或object}
	 *            nodeName:节点名称;
	 * @return {object} 节点存在返回节点普通数组。
	 */
	getArryNodesTextByName : function(nodeNames) {
		var rs = [];
		// 返回普通数组格式
		switch (typeof (nodeNames)) {
		case 'string':
			var nodes = this.getNodesByTagName(nodeNames);
			for ( var i = 0; i < nodes.length; i++) {
				rs.push(nodes[i].text);
			}
			break;
		case 'object':
			var subRs;
			var nodes;
			for ( var i = 0; i < nodeNames.length; i++) {
				nodes = this.getNodesByTagName(nodeNames[i]);
				subRs = [];
				for ( var j = 0; j < nodes.length; j++) {
					subRs.push(nodes[j].text);
				}
				rs.push(subRs);
			}
			break;
		}
		return rs;
	},
	/**
	 * 根据节点名返回节点JSON数组文本值,参数:
	 * 
	 * @param {string或object}
	 *            nodeName:节点名称;
	 * @return {object} 节点存在返回节点JSON数组;节点不存在则返回null。
	 */
	getJsonNodesTextByName : function(nodeNames) {
		var rs = null;
		// 返回JSON数组格式
		switch (typeof (nodeNames)) {
		case 'string':
			eval('rs = {' + nodeNames + ':[]}');
			var nodes = this.getNodesByTagName(nodeNames);
			for ( var i = 0; i < nodes.length; i++) {
				eval('rs.' + nodeNames + '.push({' + nodeNames + i
						+ ': nodes[i].text})');
			}
			break;
		case 'object':
			rs = {};
			var nodes;
			for ( var i = 0; i < nodeNames.length; i++) {
				eval('rs.' + nodeNames[i] + '=[]');
				nodes = this.getNodesByTagName(nodeNames[i]);
				for ( var j = 0; j < nodes.length; j++) {
					eval('rs.' + nodeNames[i] + '.push({' + nodeNames[i] + j
							+ ': nodes[j].text})');
				}
			}
			break;
		}
		return rs;
	},

	/**
	 * 根据节点属性得到节点,参数:
	 * 
	 * @param {String}
	 *            key:属性名,默认是id
	 * @param {String}
	 *            value:属性值
	 * @return {String} 符合条件的节点数组。
	 */
	getNodesByAttribute : function(key, value) {
		key = key ? key : 'id';
		value = value ? value : '';
		return id ? this.xmlDoc.getElementById(id) : null;
	},

	/**
	 * 根据节点名得到节点,参数:
	 * 
	 * @param {string}
	 *            tagName:节点名称
	 * @return {string} 指定节点名字的和位置的节点或节点数组。
	 */
	getNodesByTagName : function(tagName) {
		return tagName ? this.xmlDoc.getElementsByTagName(tagName) : null;
	},
	/**
	 * 根据节点路径返回第index个节点,参数:
	 * 
	 * @param {string}
	 *            xPath:节点路径
	 * @param {number}index:要索引的位置,为空或0则返回所有查找到的节点。
	 * @return {string} 指定节点名字的和位置的节点或节点数组。
	 */
	getNodesByXpath : function(xPath, index) {
		if (!xPath)
			return null;
		var nodes = this.xmlDoc.selectNodes(xPath);
		var len = nodes.length;
		if (!index || index > len || index < 0)
			return nodes;
		for ( var i = 0; i < len; i++) {
			if (i == index - 1)
				return nodes[i];
		}
	},
	/**
	 * 得到指定节点文本,参数:
	 * 
	 * @param {object}
	 *            node:节点
	 * @return {string} 节点文本,为空则返回null
	 */
	getText : function(node) {
		return node ? node.text : null;
	},
	/**
	 * 得到指定节点名称,参数:
	 * 
	 * @param {object}
	 *            node:节点
	 * @return {string} 节点名称,为空则返回null
	 */
	getTagName : function(node) {
		return node ? node.nodeName : null;
	},
	/**
	 * 返回节点类型,参数:
	 * 
	 * @param {object}
	 *            node:节点
	 * @return {string} 节点类型,为空则返回null 1-element 2-attribute 3-text 4-cdata
	 *         5-entity reference 6-entity 7-pi (processing instruction)
	 *         8-comment 9-document 10-document type 11-document fragment
	 *         12-notation
	 */
	getNodeType : function(node) {
		return node ? node.nodeType : null;
	},
	/**
	 * 创建节点,参数:
	 * 
	 * @param {string}
	 *            nodeName:节点名称,必填
	 * @param {string}
	 *            text:节点文本,可为空
	 * @param {Object}
	 *            attributes:属性值-JSON数组,可为空,例:{id:'id001',name:'name001'}
	 * @param {Object}
	 *            node:要增加子节点的节点,为空则返回新建的节点
	 * @param {Boolean}
	 *            cdata:是否生成带有CDATA区段的节点,true:生成,false:不生成
	 * @return {Object} 创建的节点,有异常则返回null
	 */
createNode : function(nodeName, text, attributes, node, cdata) {
		if (this.isIE) {
			// 创建子接点
	var childNode = this.xmlDoc.createElement(nodeName);
	// 创建文本节点
	var textNode = cdata == true ? this.xmlDoc.createCDATASection(text)
			: this.xmlDoc.createTextNode(text);
	childNode.appendChild(textNode);
	// 添加属性
	for ( var i in attributes) {
		this.createAttribute(childNode, i, attributes[i]);
	}
	;
	return node ? node.appendChild(childNode) : childNode;
} else {
	alert('火狐浏览器创建节点再说.');
	return null;
}
},
/**
 * 创建带CDATA区段的节点,参数:
 * 
 * @param {string}
 *            nodeName:节点名称,必填
 * @param {string}
 *            text:节点文本,可为空
 * @param {Object}
 *            attributes:属性值-JSON数组,可为空,例:{id:'id001',name:'name001'}
 * @param {Object}
 *            node:要增加子节点的节点,为空则返回新建的节点
 */
createCDATANode : function(nodeName, text, attributes, node) {
this.createNode(nodeName, text, attributes, node, true);
},
/**
 * 创建节点属性,参数:
 * 
 * @param {Object}
 *            node:节点,必填
 * @param {String}
 *            key:属性名,必填
 * @param {Object}
 *            value:属性值,必填
 * @param {Object}
 *            node:返回新增属性的节点
 * @return {Object} 增加属性的节点,有异常则返回null
 */
createAttribute : function(node, key, value) {
if (this.isIE) {
	if (!key)
		return;
	var attr = this.xmlDoc.createAttribute(key);
	attr.value = value ? value : "";
	node.setAttributeNode(attr);
	return node;
} else {
	alert('火狐浏览器创建节点再说.');
	return node;
}
return null;
},
/**
 * 把节点加到根节点上,参数:
 * 
 * @param {Object}
 *            node:节点
 * @return {Object} 有异常则返回null
 */
addNodeToRoot : function(node) {
if (!node)
	return null;
this.getRoot().appendChild(node);
return node;
},

/**
 * 把节点加到另外节点上,参数:
 * 
 * @param {Object}
 *            node:节点
 */
addNode : function(node, childNode) {
return (node && childNode) ? node.appendChild(childNode) : false;
},
/**
 * 把节点加到另外节点上,参数:
 * 
 * @param {Object}
 *            node:节点
 */
addNode : function(node, childNode) {
return (node && childNode) ? node.appendChild(childNode) : false;
},
/**
 * 从父节点移除节点自身,参数:
 * 
 * @param {Object}
 *            node:要移除的节点
 */
removeChild : function(node) {
if (!node || !node.parentNode)
	return;
node.parentNode.removeChild(node);
},
/**
 * 移除节点的所有子节点,参数:
 * 
 * @param {Object}
 *            node:父节点
 */
removeChildNodes : function(node) {
if (node && this.hasChildNodes(node)) {
	var childNodes = node.childNodes;
	for ( var i = 0; i < childNodes.length; i++) {
		node.removeChild(childNodes[0]);
	}
}
},
/**
 * 设置节点属性值,不存在则新建,参数:
 * 
 * @param {Object}
 *            node:要设置的节点
 * @param {String}
 *            key:要设置的属性名
 * @param {String}
 *            value:要设置的属性值
 */
setAttribute : function(node, key, value) {
this.createAttribute(node, key, value);
},
/**
 * 设置文本节点的文本,参数:
 * 
 * @param {Object}
 *            node:要设置的节点
 * @param {String}
 *            text:要设置的文本
 */
setText : function(node, text) {
if (this.isTextNode(node))
	node.text = text;
},
/**
 * 在文本节点后面追加文本,参数:
 * 
 * @param {Object}
 *            node:要设置的节点
 * @param {String}
 *            text:要设置的文本
 */
appendText : function(node, text) {
if (this.isTextNode(node))
	node.appendData(text);
},
/**
 * 输出xml,为空则输出根节点文本,参数:
 * 
 * @param {Object}
 *            node:要输出的节点
 */
toString : function(node) {
node = node ? node : this.xmlDoc.documentElement;
if (typeof node == 'string') {
	return node;
}
return this.isIE ? node.xml : new XMLSerializer().serializeToString(node);
}

};

 

 

测试 xml数据:

<?xml version="1.0" encoding="UTF-8"?>



<root> 

	<book> 
		<name>西游记</name> 
		<author>吴承恩</author> 
	</book> 
	
	
	<book> 
		<name>红楼梦</name> 
		<author>曹雪芹</author> 
	</book> 
	
	
	<book> 
		<name>三国演义</name> 
		<author>罗贯中</author> 
	</book>

	<book> 
		<name>水浒传</name> 
		<author>施耐庵</author> 
	</book> 
	
	
</root> 

 

 

测试jsp页面:

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>js解析XML文件</title>
</head>
<body>
	<div id="xmlOpTest">
		
	</div>
</body>

<script type="text/javascript" src="/js/XmlUtils.js"></script>

<script type="text/javascript">
	//config参数:xmlPath文件地址;dataType数据格式-json或arry,默认为array。 
	var xmlUtils = new XmlUtils({
			xmlPath:"/xmlData/book.xml",
			dataType:"xml"
		});

	//获取XML内容
	alert(xmlUtils.toString());
	var rs = xmlUtils.getNodesTextByName(['name','author']); 
	//把上面的dataType改为array或者不为json此处就能得到值
	document.getElementById("xmlOpTest").innerHTML += '<br/>取得所有的文本节点的数组: '+rs + '<br/>'; 
	var root = xmlUtils.getRoot(); 
	//alert(root);
	
	xmlUtils.createNode('publish', '中国电力出版社',{id:'id0001'},root); 
	xmlUtils.createCDATANode('publish', '中国&电力出版社',{},root); 

	//设置属性 
	xmlUtils.setAttribute(root,'testId','test'); 
	//修改属性 
	xmlUtils.setAttribute(root,'testId','test0000000000'); 
	alert(xmlUtils.toString(root)); 
	//删除第一个节点 publish
	xmlUtils.removeChild(xmlUtils.getNodesByXpath('//root/publish')[0]); 
	alert(xmlUtils.toString(root)); 

	var node = xmlUtils.getFirstChild(); 

	//+ xmlUtils.hasAttributes(node) +'<br/>';
	document.getElementById("xmlOpTest").innerHTML += '<br/>判断是否有子节点: '+ xmlUtils.hasChildNodes(node) + ' ------ 判断是否有属性:'; 

	document.getElementById('xmlOpTest').innerHTML += '<br/>得到节点的第一个节点: '+xmlUtils.getTagName(node) + "---" + xmlUtils.getText(node) +' ======== 节点类型:' + xmlUtils.getNodeType(node) + '<br/>'; 

	node = xmlUtils.getNextNode(node); 
	document.getElementById('xmlOpTest').innerHTML += '<br/>得到节点的第一个节点下一个节点: '+xmlUtils.getTagName(node) + "---" + xmlUtils.getText(node) +'<br/>'; 

	node = xmlUtils.getLastChild(); 
	document.getElementById('xmlOpTest').innerHTML += '<br/>得到节点的最后一个节点: '+xmlUtils.getTagName(node) + "---" + xmlUtils.getText(node) +'<br/>'; 


	node = xmlUtils.getPreviousNode(node); 
	document.getElementById('xmlOpTest').innerHTML += '<br/>得到节点的最后一个前一个节点: '+xmlUtils.getTagName(node) + "---" + xmlUtils.getText(node) +'<br/>'; 

	node = xmlUtils.getParentNode(node); 
	document.getElementById('xmlOpTest').innerHTML += '<br/>得到节点的父节点: '+ xmlUtils.toString(node) +'<br/>'; 

	var nodes = xmlUtils.getChildNodes(); 
	document.getElementById('xmlOpTest').innerHTML += '<br/>得到节点的所有子节点: '+xmlUtils.toString(nodes)+'<br/>'; 

	node = xmlUtils.getNodesByXpath('//root/book/name',2); 
	document.getElementById('xmlOpTest').innerHTML += '<br/>根据xPath得到节点名称和文本值: '+xmlUtils.getTagName(node) + "---" + xmlUtils.getText(node)+'<br/>'; 


	node = xmlUtils.getNodesByXpath('//root/book/author'); 
	document.getElementById('xmlOpTest').innerHTML += '<br/>根据xPath得到节点名称和文本值: '+xmlUtils.getTagName(node[0]) + "---" + xmlUtils.getText(node[0])+'<br/>'; 



	//得到修改后的文本节点 
	node = xmlUtils.getNodesByXpath('//root/publish',1); 
	node = xmlUtils.getFirstChild(node); 
	
	document.getElementById('xmlOpTest').innerHTML += '<br/>修改文本值前节点文本: '+xmlUtils.getText(node);
	 
	xmlUtils.setText(node,"西游记后传"); 
	document.getElementById('xmlOpTest').innerHTML += '-----修改文本值后节点文本: '+xmlUtils.getText(node); 
	xmlUtils.appendText(node,"之测试"); 
	
	document.getElementById('xmlOpTest').innerHTML += '-----追加文本值后节点文本: '+xmlUtils.getText(node) + "<br/>"; 

</script>
</html>

 



 





已有 0 人发表留言,猛击->> 这里<<-参与讨论


ITeye推荐



相关 [xmlutils 封装 通用] 推荐:

XMLUtils 封装通用的javascript解析XML文件

- - JavaScript - Web前端 - ITeye博客
* 加载xml文件,参数:. xmlPath:加载的xml文件路径;. * @return {Object} true 正常加载; false 加载失败. * 判断节点的是否有子节点. * @return {Object} 有子节点则返回true,否则返回false. * @return {Object} 有属性则返回true,否则返回false.

(转)JavaScript封装

- - CSDN博客Web前端推荐文章
Javascript是一种基于对象(object-based)的语言,你遇到的所有东西几乎都是对象. 但是,它又不是一种真正的面向对象编程(OOP)语言,因为它的语法中没有class(类). 那么,如果我们要把"属性"(property)和"方法"(method),封装成一个对象,甚至要从原型对象生成一个实例对象,我们应该怎么做呢.

Disruptor封装

- - 开源软件 - ITeye博客
在数据交换场景,disruptor受到越来越多的欢迎. 下面是将原生disruptor封装成queue模型的代码,供参考. 抽象类Disruptor,提供pull、take等接口. 已有 0 人发表留言,猛击->> 这里<<-参与讨论. —软件人才免语言低担保 赴美带薪读研.

Hoop:Hadoop HDFS的RESTFul封装

- Vent - NoSQLFan
Hoop是对Hadoop HDFS Proxy 的改良重写,为Hadoop HDFS提供了HTTP(S)的访问接口. 通过标准的HTTP协议访问你的HDFS系统. 在运行不同版本的HDFS之间进行数据交换(这克服了一些RPC方式因版本不同而产生的兼容性问题). 将对HDFS的操作置于防火墙的保护下.

javascript封装addClass()方法

- - 收集分享互联网资源!
//获取obj标签对象的class. //如果oClass为空则直接赋newClass. //1、判断当前标签里是否含有newClass,如果含有newClass则return跳出不赋值,避免反复赋同样的newClass. //2、如果不含有newClass,则在原来oClass的基础上添加新的newClass.

javascript封装drag()拖拽函数

- - 收集分享互联网资源!
拖拽效果虽然项目中很少使用,但不可否认其是一个很经典的效果(google产品使用的挺多的),下面整理了拖拽效果的代码框架. 里面解决兼容性的代码需要重点理解下:. 1、通过setCapture()与releaseCapture()解决IE浏览器下拖拽图片的bug,即图片拖拽过程中不跟随鼠标移动直接到达鼠标目标点;.

javascritp原生CSS封装函数

- - 收集分享互联网资源!
jQuery中css()使用起来是比较方便的,它即可以获取又可以设置选择元素的样式属性值. css("width")获得元素的属性值 css("width","100px")设置元素的属性值. 今天来探讨一下原生态的js是如何封装css函数,此封装的函数可获得可设置样式属性值. 一般我们获得元素的style属性值是通过element.style.attrbute来获得的,但问题在其只能获得行间样式,而无法获得非行间样式.

Spring对JDBC异常的封装

- - 编程语言 - ITeye博客
      Spring对JDBC异常的封装来自于《Expert One-on-One J2EE Design and Development》一书所持的观点. 书中指明jdbc使用单一java.lang.SQLException异常表示数据访问时发生的所有异常是一 个糟糕的设计. 在JDBC API 4.0以前的版本中,异常处理功能极其有限.

PeerJS 0.1.7:一个用于浏览器内P2P的WebRTC封装器

- - InfoQ cn
Michelle Bu与 Eric Zhang在3月6日发布了 PeerJS 0.1.7,它封装了WebRTC. 后者是W3C倡议的旨在促进浏览器内P2P通信的一种技术. 尽管 WebSocket的作用发展迅速,但PeerJS代表的是服务器所组织数据之传输方式的一种根本性转变. Bu说:“WebSocket和WebRTC数据通道看起来一样——都支持二进制数据,还允许从一个客户端发送可能最终会到达另一客户端的任意数据,然而它们本质上是不同的.

Mybatis封装分页查询的java公用类

- - CSDN博客研发管理推荐文章
Mybatis封装分页查询的java公用类. 分页----对于数据量很大的查询中,是必不可少的. mybatis底层的分页sql语句由于需要我们自己去手动写. 而实现分页显示的时候我们需要根据分页查询条件查询符合条件的总记录数和记录的详细情况. 因此,若是不去实现封装一下的话,我们需要写两条SQL语句去实现它.