青青子衿, 悠悠我心, 但为君故, 沉吟至今
« 预装过滤软件的疑问Twitter和饭否的好友管理工具 »

基于JavaScript的REST客户端框架

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

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

function httpGet(url, method, data) {
    var xmlhttp;
    xmlhttp = new XMLHttpRequest();
    xmlhttp.open (method, url + "?" + data, false);
    xmlhttp.setRequestHeader ("Content-Type", "application/x-www-form-urlencoded; charset=UTF-8");
    xmlhttp.setRequestHeader ("Content-Length", data.length);
    xmlhttp.send (null);
    if (xmlhttp.Status = 200) return xmlhttp.responseText;
}

function httpPost(url, method, data) {
    var xmlhttp;
    xmlhttp = new XMLHttpRequest();
    xmlhttp.open (method, url, false);
    xmlhttp.setRequestHeader ("Content-Type", "application/x-www-form-urlencoded; charset=UTF-8");
    xmlhttp.setRequestHeader ("Content-Length", data.length);
    xmlhttp.send (data);
    if (xmlhttp.Status = 200) return xmlhttp.responseText;
}

function httpPut(url, method, data) {
    var xmlhttp;
    xmlhttp = new XMLHttpRequest();
    xmlhttp.open (method, url, false);
    xmlhttp.setRequestHeader ("Content-Type", "application/x-www-form-urlencoded; charset=UTF-8");
    xmlhttp.setRequestHeader ("Content-Length", data.length);
    xmlhttp.send (data);
    if (xmlhttp.Status = 200) return xmlhttp.responseText;
}

function httpDelete(url, method, data) {
    var xmlhttp;
    xmlhttp = new XMLHttpRequest();
    xmlhttp.open (method, url + "?" + data, false);
    xmlhttp.setRequestHeader ("Content-Type", "application/x-www-form-urlencoded; charset=UTF-8");
    xmlhttp.setRequestHeader ("Content-Length", data.length);
    xmlhttp.send (null);
    if (xmlhttp.Status = 200) return xmlhttp.responseText;
}

function test() {
    document.write (httpGet("http://localhost/rest/service.asp", "GET", "do=GET"));
    document.write (httpGet("http://localhost/rest/service.asp", "POST", "do=POST"));
    document.write (httpGet("http://localhost/rest/service.asp", "PUT", "do=PUT"));
    document.write (httpGet("http://localhost/rest/service.asp", "DELETE", "do=DELETE"));
}

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



  除非注明,月光博客文章均为原创,转载请以链接形式标明本文地址

  本文地址:http://www.williamlong.info/archives/1826.html
  • 文章排行:
  • 1.园子
  • 太专业了

    对JavaScript还不是很懂

    得慢慢学~
  • 2009/6/12 9:23:16   支持(9)反对(2) 回复
  • 2.grnnet
  • 太高深了, 我不懂啊,慢慢学吧
  • 2009/6/12 13:11:38   支持(9)反对(4) 回复
  • 3.和平国旅
  • REST这个对于我来说是新玩意呀,看来要多学习才行,要不就淘汰了。
  • 2009/6/12 23:57:26   支持(9)反对(4) 回复
  • 5.可能有错
  • 这种代码着实谈不上专业
  • 2009/6/12 12:06:23   支持(8)反对(4) 回复
  • 6.su27
  • 为了兼容IE,应为IE生成new ActiveXObject("Microsoft.XMLHTTP")来替代标准的XMLHttpRequest()
    williamlong 于 2009-6-14 21:35:52 回复
    IE7和IE8都支持XMLHttpRequest的。
  • 2009/6/14 20:34:28   支持(9)反对(5) 回复
  • 7.romotc
  • httpPost, httpGet, httpPut, httpDelete这四个方法设计的是否有些冗余了,test()方法是不是写错了一些东西?还是我没有领会您的意思?
  • 2009/6/14 22:41:13   支持(7)反对(3) 回复
  • 9.dotion
  • 我来早了 :)

    真不错, 技术类的文章基本不看, 因为看不懂 :(
  • 2009/6/11 21:21:33   支持(5)反对(3) 回复
  • 11.crm一千个为什么
  • 好久没有过来关注下月光啦
  • 2009/6/12 9:26:20   支持(8)反对(7) 回复
  • 13.路过
  • 看不懂,为什么要限制留言长度
  • 2009/6/11 22:49:06   支持(6)反对(6) 回复
  • 14.D小调雨后
  • 呵呵,受益匪浅,谢谢了!
  • 2009/6/12 19:47:23   支持(6)反对(7) 回复
  • 16.伍少爷
  • 沙发没了。
    先坐下来再看。
  • 2009/6/11 21:16:45   支持(3)反对(7) 回复
  • 18.老王博客
  • 多年来一直看月光博客,学到了很多知识。
    其实我很早就已经订阅了,这是我第一次来评论。
    我想说:谢谢月光!
  • 2009/6/12 9:46:11   支持(5)反对(9) 回复
  • 19.菜鸟
  • 您好 您可不可以把您的博客源码送给我一份啊或者模板送我一份也行 多谢了
    菜鸟 于 2009-6-12 13:10:15 回复
    邮箱:[email protected]
  • 2009/6/12 13:09:44   支持(6)反对(10) 回复
  • 20.王屋山人
  • 说实话, JS代码有很多冗余, 应该有错误。
  • 2009/6/12 8:37:21   支持(2)反对(8) 回复

发表评论:

 请勿发送垃圾信息、广告、推广信息或链接,这样的信息将会被直接删除。

订阅博客

  • 订阅我的博客:订阅我的博客
  • 关注新浪微博:关注新浪微博
  • 关注腾讯微博:关注腾讯微博
  • 关注认证空间:关注QQ空间
  • 通过电子邮件订阅
  • 通过QQ邮件订阅

站内搜索

热文排行


月度排行

本站采用创作共用版权协议, 要求署名、非商业用途和相同方式共享. 转载本站内容必须也遵循“署名-非商业用途-相同方式共享”的创作共用协议.
This site is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 3.0 License.