回答:
実際には特定のクライアントは必要ありません。ほとんどのライブラリではかなりシンプルです。たとえばjQuery $.ajax
では、作成するリクエストのタイプを指定してジェネリック関数を呼び出すだけです。
$.ajax({
url: 'http://example.com/',
type: 'PUT',
data: 'ID=1&Name=John&Age=10', // or $('#myform').serializeArray()
success: function() { alert('PUT completed'); }
});
あなたは置き換えることができますPUT
とGET
/ POST
/ DELETE
または何でも。
PUT
とDELETE
メソッドを作成するのは非常に簡単です。
success
コールバックはdata
引数を受け取ります。引数には応答が含まれます。
優れたjQueryなどのライブラリを使用する必要がある場合もありますが、必ずしもそうである必要はありません。最近のすべてのブラウザは、その名前にもかかわらず、XML表現に限定されないXMLHttpRequest APIを介して、JavaScript実装でHTTPを非常によくサポートしています。。
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という用語を使用しています–残念ながら、特定のものはお勧めできません。あなたは見つけることがあり、このリファレンスはいえ便利。
私が作ったばかりのこの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 !' );
});
バグを発見したり、新機能が必要な場合は、リポジトリの「問題」ページに投稿してください。
jQueryには、JSON-RESTプラグインがあり、URIパラメーターテンプレートのRESTスタイルを備えています。その説明によると、使用例は次のとおり$.Read("/{b}/{a}", { a:'foo', b:'bar', c:3 })
です。「/ bar / foo?c = 3」へのGETになります。
参考のために、Manual:RESTful Web Servicesで説明されているように、ExtJSについて追加したいと思います。つまり、メソッドを使用して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'
};
あなたは試すことができますrestful.js人気Restangularに似た構文を使用して、フレームワークに依存しないRESTfulなクライアントを。
あなたが持っているhttp://adodson.com/hello.js/を使用することができます