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

    xiaoxiao2021-04-15  37

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

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

    [html]  view plain  copy <span style="font-size:14px;">?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>   </span>  

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

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

    [javascript]  view plain  copy <span style="font-size:12px;"><span style="font-size:14px;">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;   </span>}    </span>   (2)取得标签名为nodeName下的所有子标签名为childNodeName的值。该函数中nodeName为任意标签名,xmlName为需要解析的xml文件的路径,childNodeName为nodeName下的子标签名。以以上xml文件为例,我们需要获取userId标签下的所有userName标签的值,那么我们调用该方法传入的参数为:readAllLable("authority.xml","userId","userName"),调用该方法返回的结果为一个数组,盛放的内容为”jhon“,"jim","mat"。

    [javascript]  view plain  copy <span style="font-size:14px;">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;   }</span>   (3)取得标第一个签名为nodeName下的所有子标签的值。该函数中nodeName为任意标签名,xmlName为需要解析的xml文件的路径,以以上xml文件为例,我们需要获取第一个标签名为userId下的所有子标签的值,那么调用该方法传入的参数为:readOneChildNode("authority.xml","userId"),调用该方法返回的值为一个数组,该数组中盛放的内容为 ”john“,"commonUser"。

    [javascript]  view plain  copy 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"。

    [javascript]  view plain  copy 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://ju.6miu.com/read-671682.html

    最新回复(0)