微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

RESTful 和 XML简述

一、RESTful 风格的 API

传统请求地址:不规范,易混淆。

GET  http://www.example.com/getUsers         // 获取用户列表

GET  http://www.example.com/getUser?id=1     // 比如获取一个用户的信息

POST  http://www.example.com/modifyUser      // 修改用户信息

GET  http://www.example.com/deleteUser?id=1  // 删除用户信息

RESTful API

 

二、XML简述

XML 的全称是 extensible markuP Language,代表可扩展标记语言,它的作用是传输和存储数据。XML所有标签都是开发者定义的,对数据具有极强的描述性。XML传输和存储数据,侧重点在数据的内容上,HTML展示数据,侧重点在数据的外观。

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

XML DOM

即 XML 文档对象模型,是 w3c 组织定义的一套操作 XML 文档对象的API。浏览器会将 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>

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。