关于XML

最新推荐文章于 2022-07-08 08:36:14 发布

火星飞鸟

最新推荐文章于 2022-07-08 08:36:14 发布

阅读量158

点赞数 2

分类专栏：前后端交互文章标签：前端 xml

本文链接：https://blog.csdn.net/Jack_lzx/article/details/110000727

版权

前后端交互专栏收录该内容

31 篇文章 0 订阅

订阅专栏

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

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

<students>
    <student>
        <sid>001</sid>
        <name>张三</name>
    </student>
    <student>
        <sid>002</sid>
        <name>李四</name>
    </student>
</students>

案例：获取服务端返回的XML中的信息

在这里插入图片描述
客户端：

<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>

服务端：

app.get('/xml', (req, res) => {
    res.header('content-type', 'text/xml');
    res.send('<message><title>消息标题</title><content>消息内容</content></message>')
});