Ajax与REST架构简单示例（转）

来源:LAMP兄弟连 作者:LAMP兄弟连

REST（Representational State Transfer表述性状态转移）是一种体系架构，它为客户端和服务器之间的数据交互提供了指导。它将客户/服务器通信这种计算模型抽象到了Web层面。

REST最早是在Roy Thomas Fielding博士的博士论文中提出的，REST是一种针对网络应用的设计和开发方式，是一种风格，可以降低开发的复杂性，提高系统的可伸缩性。

REST强调如下的体系架构概念。

1、网络上的所有事物都被抽象为资源（resource）；

2、每个资源对应一个唯一的资源标识（resource identifier）；

3、通过通用的连接器接口（generic connector interface）对资源进行操作；

4、对资源的各种操作不会改变资源标识；

5、所有的操作都是无状态的（stateless）。

REST对于信息的核心抽象是资源，一个资源是一组实体的概念上的映射，而REST使用一个资源标识符来标识组件之间交互所涉及到的特定资源。REST连接器提供了访问和操作资源的值集合的一个通用接口。在这里所有的操作中，它们都是无状态的，这样就不必在多个请求之间保存状态，不必考虑上下文的约束，从而允许服务器组件迅速释放资源，并进一步简化其实现，从而提高系统的可伸缩性。

现在我们就一个简单的示例演示下REST。

在我们的示例中以java script为客户端，与HTTP服务器体系架构配合工作，使用URL作为资源标识，并将HTTP作为连接器接口。

客户端的代码：

view source

print ?

001	function rest() {

002

003	varXMLHttpFactories = [

004

005	function() {returnnew XMLHttpRequest()},

006

007	function() {returnnew ActiveXObject("Msxml2.XMLHTTP")},

008

009	function() {returnnew ActiveXObject("Msxml3.XMLHTTP")},

010

011	function() {returnnew ActiveXObject("Microsoft.XMLHTTP")}

012

013

];

014

015

016

017	varxmlhttp = false;

018

019	for(vari = 0; i < XMLHttpFactories.length; i++) {

020

021

try {

022

023	xmlhttp = XMLHttpFactories[i]();

024

025	} catch (e) {

026

027

continue;

028

029

}

030

031

break;

032

033

}

034

035	// 建立XMLHttpRequest对象

036

037	this.xmlhttp = xmlhttp;

038

039

}

040

041	rest.prototype._get =function(url, data) {

042

043	varxmlhttp = this.xmlhttp;

044

045	xmlhttp.open ('GET', url +"&"+ data, false);

046

047	xmlhttp.send (null);

048

049	returnxmlhttp.responseText;

050

051

};

052

053

054

055	rest.prototype._post = function(url,  data) {

056

057	varxmlhttp = this.xmlhttp;

058

059	xmlhttp.open ('POST', url, false);

060

061	xmlhttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded; charset=UTF-8");

062

063	xmlhttp.setRequestHeader ("Content-Length", data.length);

064

065	xmlhttp.send (data);

066

067	returnxmlhttp.responseText;

068

069

};

070

071

072

073	rest.prototype.get = function(url, data) {

074

075	url = url +="?op=GET";

076

077	returnthis._get(url, data);

078

079

}

080

081

082

083	rest.prototype.post = function(url,  data) {

084

085	url = url +="?op=POST";

086

087	returnthis._post(url, data);

088

089

}

090

091

092

093	rest.prototype.put = function(url, data) {

094

095	url = url +="?op=PUT";

096

097	returnthis._post(url, data);

098

099

};

100

101

102

103	rest.prototype.del = function(url, data) {

104

105	url = url +="?op=DELETE";

106

107	returnthis._get(url, data);

108

109

};

110

111

112

113	function t() {

114

115	varrestobj =new rest();

116

117	document.write (restobj.get("http://localhost/test/service.php","content=GET Content"));

118

119	document.write (restobj.post("http://localhost/test/service.php","content=POST Content"));

120

121	document.write (restobj.put("http://localhost/test/service.php","content=PUT Content"));

122

123	document.write (restobj.del("http://localhost/test/service.php", "content=DELETE Content"));

124

125

}

126

127

t();

128

129	如上所示，我们在客户端创建XMLHttpRequest对象，并且通过这个对象实现通过HTTP对服务器的操作GET、PUT、POST和DELETE以检索和修改资源。HTTP则把对每一个资源的操作都限制在了4个之内：GET、POST、PUT和DELETE。HTTP的这四个方法分别对应我们常见的CRUD操作，具体对应关系如下：

130

131	C(Create)             <==>   POST

132

133	R(Read/Retrieve) <==>   GET

134

135	U(Update)             <==>   PUT

136

137	D(Delete/Destroy) <==>  DELETE

虽然HTTP提供了这4个方法，但是在某些情况下，PUT和DELETE方法是不可用的，于是我们在这里使用GET方法和POST方法进行替代。另外，在JS操作时，需要注意同源策略（Same Origin Policy，SOP），考虑跨域的问题。

服务端代码：

view source

print ?

01

<?php

02

03

/**

04

05	* REST后台程序简单示例

06

07

*/

08

09	class Resource {

10

11	publicfunctionget($request) {

12

13	echo'content=',$request['content'],"; get resource Successful<br />";

14

15

}

16

17

18

19	publicfunctionpost($request) {

20

21	echo'content=',$request['content'],"; post resource Successful<br />";

22

23

}

24

25

26

27	publicfunctionput($request) {

28

29	echo'content=',$request['content'],"; update resource Successful<br />";

30

31

}

32

33

34

35	publicfunctiondelete($request) {

36

37	echo'content=',$request['content'],"; delete resource Successful<br />";

38

39

}

40

41

}

42

43	$request = $_REQUEST;

44

45	$op = $request['op'];

46

47	$op = strtolower($op);

48

49	$ops = array(

50

51	'get'=> 1,

52

53	'post'=> 1,

54

55	'put'=> 1,

56

57	'delete'=> 1,

58

59

);

60

61	if (!isset($ops[$op])) {

62

63	die('input error!');

64

65

}

66

67	$resource = new Resource();

68

69	$resource->$op($request);

70

71

?>

如上所示，是我们提供REST数据的服务器端的代码。这里只是简单的应答请求，输出标识内容。

以上就是我们这个示例的全部了，在这个示例中，我们的整体架构是基于最简单的客户端/服务器模式，客户端使用java script，以Ajax实现。我们不需要使用PHP之类的语言生成客户端的页面，所有的客户端的工作都交给java script去做,包括从服务器端读取数据，生成页面内容，页面布局等等。在服务器端，我们需要做的是提供资源，针对客户端的请求返回对应的资源，此时的服务器是无状态的。客户与服务器之间的数据交换不依赖于服务器，由客户端来维护状态。