生于理想

导航

XML了解

客户端

XML 的全称是 extensible markup language，代表可扩展标记语言，它的作用是传输和存储数据。 XML（可扩展标记语言）是一种类似于HTML的标记语言，但没有使用预定义的标签。相反，您可以定义专为您的需求设计的自己的标签。这是一种以可存储、搜索和共享的格式存储数据的强大方法。最重要的是，由于 XML 的基本格式是标准化的，如果您在本地或通过 Internet 跨系统或平台共享或传输 XML，由于标准化的 XML 语法，接收者仍然可以解析数据。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <button id="btn">发送请求</button>
    <div id="container"></div>
    <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>
</body>
</html>
服务器端
app.get('/xml', (req, res) => {
    res.header('content-type', 'text/xml');
    res.send('<message><title>消息标题</title><content>消息内容</content></message>')
});
XML DOM

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

posted on 2021-12-09 15:11  生于理想  阅读(45)  评论(0)    收藏  举报