JSON

js实现的xml对象转json功能示例

字号+ 作者:H5之家 来源:H5之家 2018-04-24 09:01 我要评论( )

这篇文章主要介绍了js实现的xml对象转json功能,结合实例形式分析了javascript转换成xml所涉及的字符串、对象、数组、遍历等操作技巧与使用方法,需要的朋友可以参

js实现的xml对象转json功能示例

转载  2016-12-24   作者:碉堡猫  

这篇文章主要介绍了js实现的xml对象转json功能,结合实例形式分析了javascript转换成xml所涉及的字符串、对象、数组、遍历等操作技巧与使用方法,需要的朋友可以参考下

本文实例讲述了js实现的xml对象转json功能。分享给大家供大家参考,具体如下:

支持无限级别xml结构对象转json,并且支持任意标签属性转json(兼容ie8等浏览器)

xml字符串转xml对象:

function loadXml(str) { if (str == null) { return null; } var doc = str; try{ doc = createXMLDOM(); doc.async = false; doc.loadXML(str); }catch(e){ doc = $.parseXML(str); } return doc; }

/** *xml对象转json对象 *xmlObj:xml对象 *nodename:节点路径('ROOT/ITEM') *isarray:true,强制返回数组对象 **/ function xmltojson(xmlObj,nodename,isarray){ var obj=$(xmlObj); var itemobj={}; var nodenames=""; var getAllAttrs=function(node){//递归解析xml 转换成json对象 var _itemobj={}; var notNull=false; var nodechilds=node.childNodes; var childlenght=nodechilds.length; var _attrs=node.attributes; var firstnodeName="#text"; try{ firstnodeName=nodechilds[0].nodeName; }catch(e){} if((childlenght>0&&firstnodeName!="#text")||_attrs.length>0){ var _childs=nodechilds; var _childslength=nodechilds.length; var _fileName_=""; if(undefined!=_attrs){ var _attrslength=_attrs.length; for(var i=0; i<_attrslength; i++){//解析xml节点属性 var attrname=_attrs[i].nodeName; var attrvalue=_attrs[i].nodeValue; _itemobj[attrname]=attrvalue; } } for (var j = 0; j < _childslength; j++) {//解析xml子节点 var _node = _childs[j]; var _fildName = _node.nodeName; if("#text"==_fildName){break;}; if(_itemobj[_fildName]!=undefined){//如果有重复的节点需要转为数组格式 if(!(_itemobj[_fildName] instanceof Array)){ var a=_itemobj[_fildName]; _itemobj[_fildName]=[a];//如果该节点出现大于一个的情况 把第一个的值存放到数组中 } } var _fildValue=getAllAttrs(_node); try{ _itemobj[_fildName].push(_fildValue); }catch(e){ _itemobj[_fildName]=_fildValue; _itemobj["length"]=1; } } }else{ _itemobj=(node.textContent==undefined)?node.text:node.textContent; } return _itemobj; }; if(nodename){ nodenames=nodename.split("http://www.jb51.net/") } for(var i=0;i<nodenames.length;i++){ obj=obj.find(nodenames[i]); } $(obj).each(function(key,item){ if(itemobj[item.nodeName]!=undefined){ if(!(itemobj[item.nodeName] instanceof Array)){ var a=itemobj[item.nodeName]; itemobj[item.nodeName]=[a]; } itemobj[item.nodeName].push(getAllAttrs(item)); }else{ if(nodenames.length>0){ itemobj[item.nodeName]=getAllAttrs(item); }else{ itemobj[item.firstChild.nodeName]=getAllAttrs(item.firstChild); } } }); if(nodenames.length>1){ itemobj=itemobj[nodenames[nodenames.length-1]]; } if(isarray&&!(itemobj instanceof Array)&&itemobj!=undefined){ itemobj=[itemobj]; } return itemobj; };

使用方法:

var xmlstr="<USERS>" + "<USER state='0'>" + "<USERNAME type='String'>张三</USERNAME>" + "<USERID type='String'>00001</USERID>" + "</USER>" + "<USER state='1'>" + "<USERNAME type='String' size='100'>李四</USERNAME>" + "<USERID>00002</USERID>" + "</USER>" + "<USER>" + "<USERNAME>李四</USERNAME>" + "<USERID>00002</USERID>" + "</USER>" + "</USERS>"; var xmlobj=loadXml(xmlstr);

参数设置:

(1)  xmltojson(xmlobj);//返回结果如下

{ "USERS": { "USER": [ { "state": "0", "USERNAME": { "type": "String" }, "length": 1, "USERID": { "type": "String" } }, { "state": "1", "USERNAME": { "type": "String", "size": "100" }, "length": 1, "USERID": "00002" }, { "USERNAME": "李四", "length": 1, "USERID": "00002" } ], "length": 1 } }

(2)xmltojson(xmlobj,'USERS/USER',true);返回结果如下:

[ { "state": "0", "USERNAME": { "type": "String" }, "length": 1, "USERID": { "type": "String" } }, { "state": "1", "USERNAME": { "type": "String", "size": "100" }, "length": 1, "USERID": "00002" }, { "USERNAME": "李四", "length": 1, "USERID": "00002" } ]

PS:这里再为大家提供几款关于xml操作的在线工具供大家参考使用:

在线XML/JSON互相转换工具:

在线格式化XML/在线压缩XML:

XML在线压缩/格式化工具:

XML代码在线格式化美化工具:

更多关于JavaScript相关内容可查看本站专题:《JavaScript操作XML文件技巧总结》、《JavaScript中json操作技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》

希望本文所述对大家JavaScript程序设计有所帮助。

您可能感兴趣的文章:

相关文章

  • hasOwnProperty :如果 object 具有指定名称的属性,那么方法返回 true;反之则返回 false。

    2008-11-11

  • JS实现的简易拖放效果示例

    JS实现的简易拖放效果示例

    这篇文章主要介绍了JS实现的简易拖放效果的方法,涉及JS事件监听、扩展及页面元素动态操作的相关技巧,需要的朋友可以参考下

    2016-12-12

  • a=0 if(a<1)alert(a),alert(1-a) VS if(a==0){alert(a);alert(1-a)}

    2008-02-02

  • 最新评论

     

    1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

    相关文章
    • jquery eval解析JSON中的注意点介绍

      jquery eval解析JSON中的注意点介绍

      2018-04-24 10:00

    • 我的NodeJs学习小结(一)

      我的NodeJs学习小结(一)

      2018-04-24 08:01

    • php语言中json与数组之间的相互转换

      php语言中json与数组之间的相互转换

      2018-04-23 17:00

    • python如何读写json数据,python读写json

      python如何读写json数据,python读写json

      2018-04-23 15:00

    网友点评