JavaScript REST client Library

是否有一个 JavaScript 库允许我执行所有 REST 操作,比如(GETPOSTPUTDELETEHTTPHTTPS上) ?

220789 次浏览

Dojo 可以,例如通过 JsonRestStore,参见 http://www.sitepen.com/blog/2008/06/13/restful-json-dojo-data/

You don't really need a specific client, it's fairly simple with most libraries. For example in jQuery you can just call the generic $.ajax function with the type of request you want to make:

$.ajax({
url: 'http://example.com/',
type: 'PUT',
data: 'ID=1&Name=John&Age=10', // or $('#myform').serializeArray()
success: function() { alert('PUT completed'); }
});

你可以用 GET/POST/DELETE或者其他什么来代替 PUT

虽然您可能希望使用一个库,例如优秀的 JQuery,但是您不必这样做: 所有现代浏览器都通过 请求 API在其 JavaScript 实现中非常好地支持 HTTP,尽管它的名字不限于 XML 表示。

下面是用 JavaScript 发出同步 HTTP PUT 请求的一个例子:

var url = "http://host/path/to/resource";
var representationOfDesiredState = "The cheese is old and moldy, where is the bathroom?";


var client = new XMLHttpRequest();


client.open("PUT", url, false);


client.setRequestHeader("Content-Type", "text/plain");


client.send(representationOfDesiredState);


if (client.status == 200)
alert("The request succeeded!\n\nThe response representation was:\n\n" + client.responseText)
else
alert("The request did not succeed!\n\nThe response status was: " + client.status + " " + client.statusText + ".");

这个示例是同步的,因为这使得它变得更加容易,但是使用这个 API 发出异步请求也非常容易。

网上有成千上万关于学习 XmlHttpRequest 的网页和文章ーー他们通常使用 AJAX 这个术语ーー不幸的是,我不能推荐一个特定的术语。不过你可能会发现 这个参考很方便。

JQuery 有带有 URI 参数模板 REST 风格的 JSON-rest插件。根据它的描述,使用的例子如下: $.Read("/{b}/{a}", { a:'foo', b:'bar', c:3 })变成“/bar/foo? c = 3”的 GET。

作为参考,我想添加关于 ExtJS 的内容,如 Manual: RESTful Web Services中所解释的。简而言之,使用方法指定 GET、 POST、 PUT、 DELETE。例如:

Ext.Ajax.request({
url: '/articles/restful-web-services',
method: 'PUT',
params: {
author: 'Patrick Donelan',
subject: 'RESTful Web Services are easy with Ext!'
}
});

如果需要 Accept 头,可以将其设置为所有请求的默认值:

Ext.Ajax.defaultHeaders = {
'Accept': 'application/json'
};

您还可以使用像 Backbone.js 这样的 mvc 框架来提供数据的 javascript 模型。对模型的更改将被转换为 REST 调用。

你可以使用我刚刚做的 jQuery 插件:) Https://github.com/jpillora/jquery.rest/

支持基本 CRUD 操作、嵌套资源、基本身份验证

  var client = new $.RestClient('/api/rest/');


client.add('foo');
client.foo.add('baz');
client.add('bar');


client.foo.create({a:21,b:42});
// POST /api/rest/foo/ (with data a=21 and b=42)
client.foo.read();
// GET /api/rest/foo/
client.foo.read("42");
// GET /api/rest/foo/42/
client.foo.update("42");
// PUT /api/rest/foo/42/
client.foo.delete("42");
// DELETE /api/rest/foo/42/


//RESULTS USE '$.Deferred'
client.foo.read().success(function(foos) {
alert('Hooray ! I have ' + foos.length + 'foos !' );
});

如果你发现 bug 或者想要新的特性,请把它们发布在存储库的“问题”页面上

你可以使用 http://adodson.com/hello.js/

  1. 支持其他 API
  2. Built in support for many sites google, facebook, dropbox
  3. 它支持 oAuth 1和2。

您可以尝试 Restful.js,一个与框架无关的 RESTful 客户机,使用类似于流行的 Restangle 的语法。