Ajax实现xml文件数据插入数据库一--- 构建解析xml文件的js库

Ajax实现将xml文件数据插入数据库的过程所涉及到的内容比较多，所以对于该过程的讲解本人打算根据交互的过程将其分为三个部分，第一部分为构建解析xml文件的javascript库，第二部分为ajax与jsp的数据交互，第三部分为javabean实现数据的插入。本文为该过程的第一部分即构建解析xml文件的javascript库。

本文以以下xml文件为例进行解析：

?xml   version="1.0"   encoding="GB18030"?>   
  <states>          
      <users>
  <userId >001
   <userName>john</userName>
   <rootManage>commomUser</rootManage>
  </userId>
  <userId>002
   <userName>jim</userName>
   <rootManage>manager</rootManage>
  </userId>
  <userId>003
   <userName>mat</userName>
   <rootManage>superManager</rootManage>
  </userId>
 </users>
  </states>

对于以上xml文件的解析涉我们分四种不同的情况进行：

（1）取得第任意个标签名为nodeName下的子标签名为childNodeName的值。该函数中nodeName为任意标签名，xmlName为需要解析的xml文件的路径，childNodeName为nodeName下的子标签名，nodeNo指的是第几个nodeName。以上面的xml文件为例，如果我们想要获取第一个标签名为userId标签下的userName标签下的值，那么我们调用该方法所输入的参数应该为：readOneLable("userId","authority.xml,"userName",0),返回结果为一个数组，该数组中盛放的数据便是“john“

function readOneLable(nodeName,xmlName,childNodeName,nodeNo){ var my_array = new Array(); //加载xml文件 xmlDoc=loadXMLDoc(xmlName); //取得节点名为nodeName的节点 var d = xmlDoc.getElementsByTagName(nodeName)[nodeNo]; var ab = d.childNodes; for(var i = 0;i<ab.length;i++){ if(ab[i].nodeName == childNodeName){ my_array.push(ab[i].childNodes[0].nodeValue); } } return my_array; }

（2）取得标签名为nodeName下的所有子标签名为childNodeName的值。该函数中nodeName为任意标签名，xmlName为需要解析的xml文件的路径，childNodeName为nodeName下的子标签名。以以上xml文件为例，我们需要获取userId标签下的所有userName标签的值，那么我们调用该方法传入的参数为：readAllLable("authority.xml","userId","userName")，调用该方法返回的结果为一个数组，盛放的内容为”jhon“,"jim","mat"。

function readAllLable(xmlName,nodeName,childNodeName){
	var my_array = new Array();
	//加载xml文件
	xmlDoc=loadXMLDoc(xmlName);
	var d = xmlDoc.getElementsByTagName(nodeName);
	for(var i=0;i<d.length;i++){
		var ab = d[i].childNodes;
		for(var k=0;k<ab.length;k++){
		      if(ab[k].nodeName == childNodeName){
			   my_array.push(ab[k].childNodes[0].nodeValue);
		      }	
	        }
         }
	return my_array;
}

（3）取得标第一个签名为nodeName下的所有子标签的值。该函数中nodeName为任意标签名，xmlName为需要解析的xml文件的路径，以以上xml文件为例，我们需要获取第一个标签名为userId下的所有子标签的值，那么调用该方法传入的参数为：readOneChildNode("authority.xml","userId")，调用该方法返回的值为一个数组，该数组中盛放的内容为 ”john“,"commonUser"。

function readOneChildNode(xmlName,nodeName){
	var my_array = new Array();
	//加载xml文件
	xmlDoc=loadXMLDoc(xmlName);			
	var d = xmlDoc.getElementsByTagName(nodeName)[0].childNodes;
	my_array.push(d[0].nodeValue);
	for(var i=0;i<d.length;i++){
	     if(d[i].nodeName !="#text"){
		  my_array.push(d[i].childNodes[0].nodeValue);
	     }
	}			
	return my_array;
}

（4）取得所有标签名为nodeName下的所有子标签的值。该函数中nodeName为任意标签名，nodeName为需要解析的xml文件的路径，意义上xml文件为例，我们需要获取标签名为userId下的所有子标签的值，那么调用该方法需要传入的参数为：readAllChildNode("authority.xml","userId")，调用该方法返回的值为一个数组，该数组中盛放的内容为”john“，”commonUser“，”jim“,"manager","mat","superManager"。

function readAllChildNode(xmlName,nodeName){
	var my_array = new Array();
	//加载xml文件
	xmlDoc=loadXMLDoc(xmlName);
				
	var d = xmlDoc.getElementsByTagName(nodeName);
				
	for(var i=0;i<d.length;i++){
		var m = d[i].childNodes;
		my_array.push(d[i].childNodes[0].nodeValue);
		for(var k=0;k<m.length;k++){					
		     if (m[k].nodeName != "#text") {
			 my_array.push(m[k].childNodes[0].nodeValue);
		     }					
	        }					
        }
        return my_array;
}

至此，简单的解析xml文件的js库构建完毕，可以根据自己的需要通过调用不同的方法来取得相应节点的值。在下一篇文章中将会介绍使用ajax与jsp进行数据交互。

Ajax实现xml文件数据插入数据库（二）---ajax实现与jsp的数据交互。

Ajax实现xml文件数据插入数据库（三）---javaBean实现数据库插入。

原文地址：https://www.jb51.cc/ajax/166138.html

Ajax实现xml文件数据插入数据库一--- 构建解析xml文件的js库

相关推荐