您当前的位置: 首页 > 生活

基于JavaScript的REST客户端

2019-03-10 23:38:37

现在REST是一个比较热门的概念,REST已经成为一个在Web上越来越常用的应用,基于REST的Web服务越来越多,包括Twitter在内的微博客都是用REST做为对外的API,先前我曾经介绍过 基于REST架构的Web Service设计 ,并给出了一些服务器端和客户端代码,随着JavaScript的广泛应用,

基于JavaScript的REST客户端

我这里就给出一个轻量级的基于JavaScript的REST客户端框架。

这个JavaScript客户端主要使用了XMLHttpRequest对象来实现通过HTTP对服务器操作GET、PUT、POST和DELETE以检索和修改资源。值得注意的是,由于安全方面的考虑,Javascript被限制了跨域访问的能力,因此在调用XMLHttpRequest的时候,应该注意跨域访问的问题,比如使用同一个域的动态文件做代理,或者其他方法避开跨域访问的问题。我这里给出的代码主要是根据我先前的那段代码修改过来的,其客户端JavaScript代码如下所示:

function httpGet(url, method, data) {

var xmlhttp;

xmlhttp = new XMLHttpRequest();

en (method, url + ? + data, false);

tRequestHeader ( Content-Type , application/x-www-form-urlencoded; charset=UTF-8

tRequestHeader ( Content-Length , ngth);

nd (null);

if (atus = 200) return sponseText;

}

function httpPost(url, method, data) {

var xmlhttp;

xmlhttp = new XMLHttpRequest();

en (method, url, false);

tRequestHeader ( Content-Type , application/x-www-form-urlencoded; charset=UTF-8

tRequestHeader ( Content-Length , ngth);

nd (data);

if (atus = 200) return sponseText;

}

function httpPut(url, method, data) {

var xmlhttp;

xmlhttp = new XMLHttpRequest();

en (method, url, false);

tRequestHeader ( Content-Type , application/x-www-form-urlencoded; charset=UTF-8

tRequestHeader ( Content-Length , ngth);

nd (data);

if (atus = 200) return sponseText;

}

function httpDelete(url, method, data) {

var xmlhttp;

xmlhttp = new XMLHttpRequest();

en (method, url + ? + data, false);

tRequestHeader ( Content-Type , application/x-www-form-urlencoded; charset=UTF-8

tRequestHeader ( Content-Length , ngth);

nd (null);

if (atus = 200) return sponseText;

}

function test() {

ite (httpGet( http://localhost/rest/p , GET , do=GET ));

ite (httpGet( http://localhost/rest/p , POST , do=POST ));

ite (httpGet( http://localhost/rest/p , PUT , do=PUT ));

ite (httpGet( http://localhost/rest/p , DELETE , do=DELETE ));

}

我这里使用这个代码编写了一个简单的应用例子,就是管理Twitter好友的应用,大家点这里可以下载使用,因为跨域访问的问题,这段JavaScript只支持IE在本地使用。

(*)

验证(*)

推荐阅读
图文聚焦