JavaScript REST клиентская библиотека
Есть ли библиотека JavaScript, которая позволяет мне выполнять все операции REST, как (GET
, POST
, PUT
а также DELETE
над HTTP
или же HTTPS
)?
9 ответов
Вам не нужен конкретный клиент, это довольно просто с большинством библиотек. Например, в 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
или что угодно.
Хотя вы, возможно, захотите использовать библиотеку, такую как превосходный jQuery, вам не обязательно: все современные браузеры очень хорошо поддерживают HTTP в своих реализациях JavaScript через API XMLHttpRequest, который, несмотря на свое название, не ограничивается представлениями XML,
Вот пример выполнения синхронного HTTP-запроса PUT в JavaScript:
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, который я только что сделал:) 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 со стилем REST шаблонов параметров URI. Согласно его описанию, пример использования следующий: $.Read("/{b}/{a}", { a:'foo', b:'bar', c:3 })
становится GET для "/bar/foo?c=3".
Для справки я хочу добавить о ExtJS, как описано в Руководстве: веб-службы RESTful. Короче говоря, используйте метод для указания 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, независимый от фреймворка RESTful-клиент, использующий синтаксис, похожий на популярный Restangular.
Вы также можете использовать фреймворки mvc, такие как Backbone.js, которые будут предоставлять модель данных в формате javascript. Изменения в модели будут переведены в вызовы REST.
Dojo делает, например, через JsonRestStore, см. http://www.sitepen.com/blog/2008/06/13/restful-json-dojo-data/.
Вы можете использовать http://adodson.com/hello.js/ который имеет
- Поддержка Rest API
- Встроенная поддержка многих сайтов Google, Facebook, Dropbox
- Он поддерживает oAuth 1 и 2.