JS XML

2017-08-22 17:12:55 Albin Wong 1518

## XML  
XML : 可扩展的文本标记语言  Extensible Markup Language    
- 整个文是一个文档节点
- 每个XML标签是一个元素节点
- 包括在xml元素中的文本是文本节点
- 每一个xml属性是一个属性节点
- 注释属于节点

#### e.g.
```xml
<?xml version='1.0' encoding='utf-8'?>
<movies>
    <movie>
        <name>辩护人</name>
        <country>韩国</country>
    </movie>
    <movie age="20" actor="明星">
        <name>V字仇杀队</name>
        <country>美国</country>
    </movie>
    <movie>
        <name>盗梦空间</name>
        <country>美国</country>
    </movie>
</movies>
```
xml主要作用:为了信息传递  
XML文档必须有根元素  
所有xml元素都须有关闭标签  
xml标签对大小写敏感  
xml必须正确地嵌套  
xml的属性值须加引号

### JS解析XML
1. 文件
    1. IE
    ```javascript
    var xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
    xmlDoc.async = false;
    xmlDOc.load("note.xml");
    ```
    2. 非IE
    ```javascript
    var xmlDoc = document.implementation.createDocument("","",null);
    xmlDoc.async = false;
    xmlDOc.load("note.xml");
    ```
2. 字符串
```javascript
if (window.DOMParse) { // 非IE
    parse = new DOMParser();
    xmlDoc = Parse.parseFromString('txt','');
} else { // 非IE
    xmlDoc = new ActiveXObject("Microsoft.xmlDOM");
    xmlDoc.async = false;
    xmlDOc.loadXML(tx6);
}
```

### js解析xml格式的字符串
```html
<script type="text/javascript">
//声明一个字符串
var str=  "<?xml version='1.0' encoding='utf-8'?> <movies> <movie> <name>辩护人</name> <country>韩国</country> </movie> <movie> <name>V字仇杀队</name> <country>美国</country> </movie> <movie> <name>盗梦空间</name> <country>美国</country> </movie> </movies>";

var parser=new DOMParser();
xmlDoc=parser.parseFromString(str,"text/xml");

// [{'name':'盗梦空间','country':'美国'}, ......] 	;
var arr = [];
//获取movie标签
    var ms = xmlDoc.getElementsByTagName('movie');
    for(var i=0;i<ms.length;i++) {
    var obj = {};
    //获取name的信息
    var name = ms[i].getElementsByTagName('name')[0].innerHTML;
    //获取country的信息
    var country = ms[i].getElementsByTagName('country')[0].innerHTML;
    //存入对象
    obj.name = name;
    obj.country = country;
    //将对象压入到数组中
    arr.push(obj);
 }

console.log(arr);
</script>
```
### JS解析XML
```javascript
<script type="text/javascript">
	//声明一个字符串
	var str=  "<?xml version='1.0' encoding='utf-8'?> <movies> <movie> <name>辩护人</name> <country>韩国</country> </movie> <movie> <name>V字仇杀队</name> <country>美国</country> </movie> <movie> <name>盗梦空间</name> <country>美国</country> </movie> </movies>";

var parser=new DOMParser();
 	xmlDoc=parser.parseFromString(str,"text/xml");

// [{'name':'盗梦空间','country':'美国'}, ......] 	;
	var arr = [];
	//获取movie标签
 	var ms = xmlDoc.getElementsByTagName('movie');
 	for(var i=0;i<ms.length;i++) {
 		var obj = {};
 		//获取name的信息
 		var name = ms[i].getElementsByTagName('name')[0].innerHTML;
 		//获取country的信息
 		var country = ms[i].getElementsByTagName('country')[0].innerHTML;
 		//存入对象
 		obj.name = name;
 		obj.country = country;
 		//将对象压入到数组中
 		arr.push(obj);
 	}

console.log(arr);
	</script>
```

(3) Comments

John Doe- Reply

February 26, 2013 at 1:18 pm
- saqib sarwar- Reply
  
  February 26, 2013 at 1:20 pm
  
  Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.
John Doe- Reply

February 26, 2013 at 1:27 pm

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum.

Your email address will not be published. Required fields are marked *

Name *

Email *

Website

Comment

You can use these HTML tags and attributes <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

JS XML

(3) Comments

John Doe- Reply

saqib sarwar- Reply

John Doe- Reply

Leave a Reply