基于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在本地使用。

【编辑推荐】

如何优化JavaScript脚本的性能
JavaScript控制Excel打印完美解决方案
用Javascript连接Access数据库的方法
JavaScript的document和window对象详解
浅谈JavaScript中面向对象技术的模拟

网页题目：基于JavaScript的REST客户端框架
分享路径：http://www.mswzjz.cn/qtweb/news1/240451.html

攀枝花网站建设、攀枝花网站运维推广公司-贝锐智能，是专注品牌与效果的网络营销公司；服务项目有等

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：贝锐智能

贝锐智能技术为您推荐以下文章