web-dev-qa-db-ja.com

JavaScript RESTクライアントライブラリ

GETPOSTPUT、およびDELETEまたはHTTPまたはHTTPSのような)すべてのREST操作を実行できるJavaScriptライブラリはありますか?

116
Amir Arad

実際に特定のクライアントは必要ありません。ほとんどのライブラリでかなり簡単です。たとえば、jQueryでは、汎用の$.ajax関数を、希望するタイプのリクエストで呼び出すことができます。

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

PUTGET/POST/DELETEなどに置き換えることができます。

139
aleemb

優れた jQuery などのライブラリを使用することもできますが、必要はありません。すべての最新ブラウザは、JavaScript実装で XMLHttpRequest API を介して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を使用して非同期要求を行うことも非常に簡単です。

WebにはXmlHttpRequestの学習に関する何千ものページや記事があります。通常はAJAXという用語を使用しています。残念ながら、特定のものはお勧めできません。 このリファレンス が便利かもしれません。

70
Avi Flax

作成したばかりのこの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 !' );
  });

バグを見つけたり、新機能が必要な場合は、リポジトリの「問題」ページに投稿してください

11
jpillora

jQueryには、RESTスタイルのURIパラメーターテンプレートを使用した JSON-REST プラグインがあります。その説明によると、使用例は次のとおりです。$.Read("/{b}/{a}", { a:'foo', b:'bar', c:3 })は「/ bar/foo?c = 3」へのGETになります。

8

参照用に、ExtJSについて追加します。マニュアルで説明されているように、 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'
};
6
stivlo

データのjavascriptモデルを提供するBackbone.jsのようなmvcフレームワークを使用することもできます。モデルへの変更は、REST呼び出しに変換されます。

3
Stig Husby

フレームワークに依存しないRESTfulクライアントである restful.js を、人気のあるRestangularに似た構文を使用して試すことができます。

3

Dojoは、例えばJsonRestStore経由で http://www.sitepen.com/blog/2008/06/13/restful-json-dojo-data/ を参照してください。

1
Alex Martelli

http://adodson.com/hello.js/ を使用できます。

  1. REST APIサポート
  2. 多くのサイトgoogle、facebook、dropboxの組み込みサポート
  3. oAuth 1および2のサポートをサポートしています。
0
Alireza Fattahi