专业的JAVA编程教程与资源

网站首页 > java教程 正文

万能的xml的解析工具「Jquery版本]--想怎么解析就怎么解析

temp10 2024-10-17 16:25:17 java教程 27 ℃ 0 评论

编写原因：因本人项目需要将xml文件中的数据，节点，层级关系或取出来，以观察数据的特点和结构，又因为不清楚xml文档中的节点名，以及层次结构，所以需要这么一个通用的xml解析工具，上网寻找无果，顾自己编写了一个，请勿吐槽.......

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>Title</title>
 <script type="text/javascript" src="js/jquery-3.2.0.min.js"></script>
 <script type="text/javascript">
 $(function() {
 //记录空格
 var step=0;
 // $("button").click(function(){
 $.ajax({
 url:"web1.xml",//需要解析的xml文件的地址
 type: 'GET',
 dataType: 'xml',//获取xml文件数据
 timeout: 1000,
 cache:false,
 error: function(xml){
 alert('加载XML文档出错');
 },
 success: function(xml){
 //获取document节点
 var wapp=$(xml).get(0);
 // alert(wapp.nodeName)
 //调用函数
 getchilds (wapp);
 }
 });
 // });
 //定义函数执行语句
 function getchilds (cnode) {
 //计数器++ 进入下一层
 step++;
 //获取当前节点的所有的子节点
 var cns=cnode.childNodes;
 // alert(cns.length)
 $.each(cns,function (i,item) {
 //判断是否是文本
 if(item.nodeName!='#text'){
 //递归调用
 getchilds(item);
 }else if(item.nodeName=='#text'){
 //如果是文本节点直接获取数据使用
 var vall=item.nodeValue;
 //判断是否有空格数据
 if(/^\n*\s*\r*$/g.test(vall)==false){
 //获取前面空格
 var ss="";
 for (var m=2;m<step-1;m++){
 ss=ss+" ";
 }
 //将数据添加到页面
 $("#datas").append($("<p>"+ss+item.parentNode.nodeName+"--\>"+vall+"</p>"))
 }
 }
 });
 //回退一层
 step--;
 }
 });
 </script>
</head>
<body>
 <div id="datas"></div>
</body>
</html>

万能的xml的解析工具「Jquery版本]--想怎么解析就怎么解析

Tags：

猜你喜欢

本文暂时没有评论，来添加一个吧(●'◡'●)

欢迎 你 发表评论:

最近发表
标签列表