XML - 码农教程

XML的全称是extensible markup language，代表可扩展标记语言，它的作用是传输和存储数据。

<students> 
     <student>
         <sid>001</sid>
         <name>张三</name>
     </student>
     <student>
         <sid>002</sid>
         <name>王二丫</name>
     </student>
</students>

XML DOM：

XML DOM即XML文档对象模型，是w3c组织定义的一套操作XML文档对象的API。浏览器会将XML文档解析成文档对象模型。

XML与HTML的区别：

在使用HTML的时候，都是在使用一些预定义标签，比如div、span、a等，但是在XML中是没有预定义标签的，所有的标签都是开发者自定义的。
XML是用来存储和传输数据的，它的关注点是在数据的内容上。
而HTML是用来展示数据的，它的关注点是在数据的外观上。
虽然使用方式差不多，但是用处是不一样的。

当服务器端向客户端返回XML代码的时候，我们应该怎么样才能获取到XML代码中保存的数据信息？

方法基本上和HTML方法差不多。

<script type="text/javascript">
    var btn = document.getElementById('btn');
    var container = document.getElementById('container');
    btn.onclick = function () {
        var xhr = new XMLHttpRequest();
        xhr.open('get', '/xml');
        xhr.send();
        xhr.onload = function () {
        // xhr.responseXML 获取服务器端返回的xml数据
        var xmlDocument = xhr.responseXML;
        var title = xmlDocument.getElementsByTagName('title')[0].innerHTML;
        container.innerHTML = title;
        }
    }
</script>

原文地址：https://www.cnblogs.com/zcy9838/p/13083766.html