XML使用案例

128 阅读1分钟

客户端

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 文档解析成文档对象模型。