本文實例講述了js實現(xiàn)的xml對象轉(zhuǎn)json功能。分享給大家供大家參考,具體如下:
支持無限級別xml結(jié)構(gòu)對象轉(zhuǎn)json,并且支持任意標(biāo)簽屬性轉(zhuǎn)json(兼容ie8等瀏覽器)
xml字符串轉(zhuǎn)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對象轉(zhuǎn)json對象*xmlObj:xml對象*nodename:節(jié)點路徑('ROOT/ITEM')*isarray:true,強制返回數(shù)組對象**/function xmltojson(xmlObj,nodename,isarray){ var obj=$(xmlObj); var itemobj={}; var nodenames=""; var getAllAttrs=function(node){//遞歸解析xml 轉(zhuǎn)換成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節(jié)點屬性 var attrname=_attrs[i].nodeName; var attrvalue=_attrs[i].nodeValue; _itemobj[attrname]=attrvalue; } } for (var j = 0; j < _childslength; j++) {//解析xml子節(jié)點 var _node = _childs[j]; var _fildName = _node.nodeName; if("#text"==_fildName){break;}; if(_itemobj[_fildName]!=undefined){//如果有重復(fù)的節(jié)點需要轉(zhuǎn)為數(shù)組格式 if(!(_itemobj[_fildName] instanceof Array)){ var a=_itemobj[_fildName]; _itemobj[_fildName]=[a];//如果該節(jié)點出現(xiàn)大于一個的情況 把第一個的值存放到數(shù)組中 } } 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("/") } 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);
參數(shù)設(shè)置:
(1) xmltojson(xmlobj);//返回結(jié)果如下
{ "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);返回結(jié)果如下:
[ { "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:這里再為大家提供幾款關(guān)于xml操作的在線工具供大家參考使用:
在線XML/JSON互相轉(zhuǎn)換工具:
http://tools.VeVB.COm/code/xmljson
在線格式化XML/在線壓縮XML:
http://tools.VeVB.COm/code/xmlformat
XML在線壓縮/格式化工具:
http://tools.VeVB.COm/code/xml_format_compress
XML代碼在線格式化美化工具:
http://tools.VeVB.COm/code/xmlcodeformat
更多關(guān)于JavaScript相關(guān)內(nèi)容可查看本站專題:《JavaScript操作XML文件技巧總結(jié)》、《JavaScript中json操作技巧總結(jié)》、《JavaScript查找算法技巧總結(jié)》、《JavaScript錯誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript數(shù)學(xué)運算用法總結(jié)》
希望本文所述對大家JavaScript程序設(shè)計有所幫助。
新聞熱點
疑難解答