码迷,mamicode.com
首页 > Web开发 > 详细

js json转xml(可自定义属性,区分大小写)

时间:2018-11-02 11:05:19      阅读:161      评论:0      收藏:0      [点我收藏+]

标签:org   this   rtsp   XML   foreach   mes   pass   功能   type   

直接上代码~

在网上找了很多例子,大多数不适用,而且麻烦,自己进行了一些调整,完成了一个可以区分大小写的json转xml的小功能~

 

功能实现js:

    function CreatXmlDoc(obj){
        this.tagName=obj.tagName;
        this.properties = obj.properties;
        var children=obj.children.map(function(item){
            if(typeof item =="object")
            {
               item=new CreatXmlDoc(item)
            }
            return item
        })
        this.children=children;
    }
 
    
    function loadXMLDoc(dname) {
        try {//Internet Explorer
            xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
        } catch(e) {
            try {//Firefox, Mozilla, Opera, etc.
                xmlDoc = document.implementation.createDocument("", "", null);
            } catch(e) {
                alert(e.message)
            }
        }
        return xmlDoc;
    }
 
    CreatXmlDoc.prototype.render=function(){
        xmlDoc = loadXMLDoc();
        var xe1 = xmlDoc.createElement(this.tagName);
        for(var p in this.properties){
            xe1.setAttribute(p, this.properties[p]);
        }
        var children=this.children || [];
        children.forEach(function(child){
            var childEl=(child instanceof CreatXmlDoc)
            ? child.render()
            :xmlDoc.createTextNode(child)
        xe1.appendChild(childEl);
        })
        return xe1;
    }


// 封装调用函数
// 将json转成xml文档,再转成字符串
var xmlToString = function(eleJson) {
    var doc=new CreatXmlDoc(eleJson);
    SetupSerial=(new XMLSerializer()).serializeToString(doc.render());
    var reg = new RegExp(‘ xmlns="http://www.w3.org/1999/xhtml"‘,"g");
    // 替换转义字符
    var reg1 = new RegExp(‘&lt;‘,"g"); // <
    var reg2 = new RegExp(‘&gt;‘,"g"); // >
    var reg3 = new RegExp(‘&amp;‘,"g"); // &
    var reg4 = new RegExp(‘&apos;‘,"g"); // ‘
    var reg5 = new RegExp(‘&quot;‘,"g"); // "
    SetupSerial=SetupSerial.replace(reg,"").replace(reg1, "<").replace(reg2, ">").replace(reg3, "&").replace(reg4, "‘").replace(reg5, ‘"‘);
    return SetupSerial;
}


 

准备工作完成后就可以使用了!

 

示例:

 

var obj={
    tagName:‘Setup‘,
    properties:{
        type:"text",
        name:"hahha",
        title:"哈哈"
    },
    children:[
        {
            tagName:‘ProtocolList‘,
            children:[
                {
                    tagName:‘Protocol‘,
                    children:[
                        {
                            tagName:‘Name‘,
                            children:["onvif"]
                        }, 
                        {
                            tagName:‘UserName‘,
                            children:["admin"]
                        }, 
                        {
                            tagName:‘PassWord‘,
                            children:["admin"]
                        }, 
                        {
                            tagName:‘Port‘,
                            children:["8000"]
                        }, 
                        {
                            tagName:‘MediaPort‘,
                            children:["8000"]
                        }, 
                    ]
                },
                {
                    tagName:‘Protocol‘,
                    children:[
                        {
                            tagName:‘Name‘,
                            children:["onvif"]
                        }, 
                        {
                            tagName:‘UserName‘,
                            children:["admin"]
                        }, 
                        {
                            tagName:‘PassWord‘,
                            children:["admin"]
                        }, 
                        {
                            tagName:‘Port‘,
                            children:["8000"]
                        }, 
                        {
                            tagName:‘MediaPort‘,
                            children:["8000"]
                        }, 
                    ]
                },
                {
                    tagName:‘Protocol‘,
                    children:[
                        {
                            tagName:‘Name‘,
                            children:["onvif"]
                        }, 
                        {
                            tagName:‘UserName‘,
                            children:["admin"]
                        }, 
                        {
                            tagName:‘PassWord‘,
                            children:["admin"]
                        }, 
                        {
                            tagName:‘Port‘,
                            children:["8000"]
                        }, 
                        {
                            tagName:‘MediaPort‘,
                            children:["8000"]
                        }, 
                    ]
                },              
            ]
        },
        {
            tagName:‘Function‘,
            children:[
                {
                    tagName:‘PlayBack‘,
                    children:["onvif"]             
                },
                {
                    tagName:‘Other‘,
                    children:["rtsp"] 
                }
            ]
         }
     ]
  }



SetupSerial = xmlToString(obj);
console.log(SetupSerial);

 

输出结果:

<Setup type="text" name="hahha" title="哈哈">
    <ProtocolList>
        <Protocol>
            <Name>onvif</Name>
            <UserName>admin</UserName>
            <PassWord>admin</PassWord>
            <Port>8000</Port>
            <MediaPort>8000</MediaPort>
        </Protocol>
        <Protocol>
            <Name>onvif</Name>
            <UserName>admin</UserName>
            <PassWord>admin</PassWord>
            <Port>8000</Port>
            <MediaPort>8000</MediaPort>
        </Protocol>
        <Protocol>
            <Name>onvif</Name>
            <UserName>admin</UserName>
            <PassWord>admin</PassWord>
            <Port>8000</Port>
            <MediaPort>8000</MediaPort>
        </Protocol>
    </ProtocolList>
    <Function>
        <PlayBack>onvif</PlayBack>
        <Other>rtsp</Other>
    </Function>
</Setup>

 

大功告成!

 

js json转xml(可自定义属性,区分大小写)

标签:org   this   rtsp   XML   foreach   mes   pass   功能   type   

原文地址:https://www.cnblogs.com/zh-1721342390/p/9894731.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!