JSON和XML的转换



下载相关文件

 

JQuery非常常见,几乎可以说是必用的javascript函数库


1)到jQuery官网下载,官网首页:


JSON1.png 


2)JQuery版本


JSON2.png 


2- jquery.json2xml.js

3- jquery.xml2json.js

jquery.json2xml.js和jquery.xml2json.js下载官网:


JSON3.png 



XML 字符串转换成 JSON 对象

 

$.xml2json(str);


示例代码:


<script  src  = “jquery-2.1.4.min.js”>  </script>

<script  src  = ”jquery.xm12json.js”>  </script>

<script  src  = “ jquery.json2xml.js” >  </script>

<script>

var str = “<root>” +

“<name>  Geoff Lui  </name>” +

“<age> 26 </age>” +

“<friends> Alice </friends>” +

“<friends> Gwen </friends>” +

       “</root>”;

 

console.log(str)

</script>


控制台输出结果:


JSON4.png 

转换为对象:


示例代码:


<script  src  = “jquery-2.1.4.min.js”>  </script>

<script  src  = ”jquery.xm12json.js”>  </script>

<script  src  = “ jquery.json2xml.js” >  </script>

<script>

var str = “<root>” +

“<name>  Geoff Lui  </name>” +

“<age> 26 </age>” +

“<friends> Alice </friends>” +

“<friends> Gwen </friends>” +

       “</root>”;

 

console.log(str)

var obj = $.xml2json(str);

console.log(obj);

</script>


输出结果:


JSON5.png 


示例代码:


<script  src  = “jquery-2.1.4.min.js”>  </script>

<script  src  = ”jquery.xm12json.js”>  </script>

<script  src  = “ jquery.json2xml.js” >  </script>

<script>

var str = “<root>” +

“<name>  Geoff Lui  </name>” +

“<age> 26 </age>” +

“<friends> Alice </friends>” +

“<friends> Gwen </friends>” +

       “</root>”;

 

console.log(str)

var obj = $.xml2json(str);

console.log(obj);

var jsonstr = JSON.stringify(obj);

console.log(jsonstr);

</script>


输出结果(符合JSON 格式规范):


JSON6.png 

 


JSON 对象转换成 XML 字符串


$.json2xml(obj);

 

示例代码:


<script  src  = “jquery-2.1.4.min.js”>  </script>

<script  src  = ”jquery.xm12json.js”>  </script>

<script  src  = “ jquery.json2xml.js” >  </script>

<script>

var str = “<root>” +

“<name>  Geoff Lui  </name>” +

“<age> 26 </age>” +

“<friends> Alice </friends>” +

“<friends> Gwen </friends>” +

       “</root>”;

 

console.log(str)

var obj = $.xml2json(str);

console.log(obj);

var jsonstr = JSON.stringify(obj);

console.log(jsonstr);

var person = {

name : “ Geoff Lui ”,

age : 26,

mother : {

name : “ Lucy ”,

age : 54

},

a : function(){

  return 1;

},

b : null,

c : undefined

};

var xmlstr = $.json2xml(person);

console.log(xmlstr)

</script>

 

输出结果:


JSON7.png 



【本文由麦子学院独家原创,转载请注明出处并保留原文链接】

logo
© 2012-2016 www.maiziedu.com
蜀ICP备13014270号-4 Version 5.0.0 release20160127
有一位课程导师想与你聊聊

免费电话咨询