09 RESTful 和xml基础
1. RESTful 风格的 API
1.1 传统请求地址
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 // 删除用户信息
1.2 RESTful API 的概述
一套关于设计请求的规范。
GET：获取数据
POST：添加数据
PUT：更新数据
DELETE： 删除数据
实例
users => /users
articles => /articles
1.3 RESTful API 的实现
GET：http://www.example.com/users #获取用户列表数据
POST：http://www.example.com/users #创建用户列表数据
GET：http://www.example.com/users/1 #获取用户ID为1的数据
PUT：http://www.example.com/users/1 #修改用户ID为1的数据
DELETE：http://www.example.com/users/1 #删除用户ID为1的数据
2. XML基础
XML 的全称是 extensible markup language，代表可扩展标记语言，它的作用是传输和存储数据。
<students>
<student>
<sid>001</sid>
<name>张三</name>
</student>
<student>
<sid>002</sid>
<name>王二丫</name>
</student>
</students>
2.1 XML DOM
XML DOM 即 XML 文档对象模型，是 w3c 组织定义的一套操作 XML 文档对象的API。浏览器会将 XML 文档解析成文档对象模型。
<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>
