5.JSON和XML的转换 14:21

JSON和XML的转换.png

1. 下载相关文件

1）jquery官网下载：
JQuery
2）https://www.json.cn/component.html 下载：

• jquery.json2xml.js (依赖jquery)
• jquery.xml2json.js (依赖jquery)

2. XML 字符串转换成 JSON 字符串

// XML 字符串转换成 JSON 形式的字符串
var obj = $.xml2json(str);
JSON.stringify(obj);
console.log(obj);

2-1 示例1-xml2json.html

1-xml2json.gif

2-2 示例1-xml2json代码：

<script type="text/javascript" src="jquery-2.1.4.min.js"></script>
<script type="text/javascript" src="jquery.xml2json.js"></script>
<script type="text/javascript">
  var str = "<root>" +
            "<name>Geoff Lui</name>" + 
            "<age>26</age>" + 
            "<friend>Alice</friend>" + 
            "<friend>Gwen</friend>" + 
            "</root>";
  console.log(str);

  // XML 字符串转换成 JSON 形式的字符串
  var obj = $.xml2json(str);
  console.log(obj);
  
  var jsonstr = JSON.stringify(obj);
  console.log(jsonstr);
</script>

3. JSON 对象转换成 XML 字符串

$.json2xml(obj);

3-1示例2-json2xml：

2-json2xml.gif

示例2-json2xml源码：

<script type="text/javascript" src="jquery-2.1.4.min.js"></script>
<script type="text/javascript" src="jquery.json2xml.js"></script>
<script type="text/javascript">
  var person = {
    name: "Geoff Lui",
    age: 26
  };
  
  var xmlstr = $.json2xml(person);
  console.log(xmlstr);
</script>

3-2示例3-json2xml 对象里有对象

3-json2xml 对象里有对象.gif

<script type="text/javascript" src="jquery-2.1.4.min.js"></script>
<script type="text/javascript" src="jquery.json2xml.js"></script>
<script type="text/javascript">
  var person = {
    name: "Geoff Lui",
    age: 26,
    mother: {
      name: "Lucy",
      age: 54
    }
  };

  var xmlstr = $.json2xml(person);
  console.log(xmlstr);
</script>

3-3示例4-json2xml 对象里有函数.html

4-json2xml 对象里有函数.gif

示例4-json2xml 对象里有函数源码：

<script type="text/javascript" src="jquery-2.1.4.min.js"></script>
<script type="text/javascript" src="jquery.json2xml.js"></script>
<script type="text/javascript">
  var person = {
    name: "Geoff Lui",
    age: 26,
    a: function(){
      return 1;
    }
  };

  var xmlstr = $.json2xml(person);
  console.log(xmlstr);
</script>

3-4 示例5-json2xml 对象里有特殊值.html

5-json2xml 对象里有特殊值.gif

示例5-json2xml 对象里有特殊值源码：

<script type="text/javascript" src="jquery-2.1.4.min.js"></script>
<script type="text/javascript" src="jquery.json2xml.js"></script>
<script type="text/javascript">
  var person = {
    name: "Geoff Lui",
    age: 26,
    b:null,
    c:undefined
  };

  var xmlstr = $.json2xml(person);
  console.log(xmlstr);
</script>