RESTful 和 XML

目录

• RESTful 和 XML
  • RESTful 风格的 API
    • 传统请求地址回顾
    • 一套关于设计请求的规范
  • XML 基础
    • XML DOM

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  // 删除用户信息

说明：传统的方法语义不明而且混乱，不同的人设计的地址也不一样，没有统一规范

一套关于设计请求的规范#

为了操作语义更加明确，使用不同的请求方式操作代表不同的操作

GET： 获取数据

POST： 添加数据

PUT： 更新数据

DELETE： 删除数据

说明：在传统的html表单提交不支持PUT与DELETE请求，但是Ajax支持

请求数据地址需要数据库中的表（集合）保持一致，比如：

users => /users

articles => /articles

请求方式	请求地址	说明
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的用户信息

XML 基础#

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

XML不像HTML是固定好的标签，是可以自定义编写的标签

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

XML DOM#

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

var xhr = new XMLHttpRequest();
xhr.open('get', '/xml');
xhr.send();
xhr.onload = function () {
	// xhr.responseXML 获取服务器端返回的xml数据
	var xmlDocument = xhr.responseXML;
	var name = xmlDocument.getElementsByTagName('name')[0].innerHTML;
	container.innerHTML = name;
}

说明：在实际开发中，xml方式传输数据不常用，了解即可。