Клиентская библиотека JavaScript REST [закрыто]


117

Есть библиотека JavaScript , которая позволяет мне выполнять все операции , как REST ( GET, POST, PUTи DELETEболее HTTPили HTTPS)?

Ответы:


139

На самом деле вам не нужен конкретный клиент, это довольно просто с большинством библиотек. Например, в 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или что угодно.


10
jQuery также включает несколько удобных методов быстрого доступа для использования GET и POST: api.jquery.com/category/ajax/shorthand-methods
— Avi Flax

и расширить на то , что сказал @Avi льняной, это очень просто создавать свои собственные PUTи DELETEметоды , если вы хотите ярлыки.
— zzzzBov 08

2
Как получить текст ответа? заголовки?
— Пантелис Сопасакис,

@PantelisSopasakis successобратный вызов принимает dataаргумент, который будет содержать ответ.
— soulseekah

6
Технически это не REST-клиент, это HttpClient. Я ищу что-то, что показывает, как правильно использовать отношения ссылок и типы мультимедиа для управления состоянием. Будем продолжать искать ...
— Питер МакЭвой

71

Хотя вы можете захотеть использовать библиотеку, такую ​​как превосходный 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 - к сожалению, я не могу порекомендовать конкретный. Однако вы можете найти эту ссылку удобной.


11

Вы можете использовать только что сделанный мной плагин 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 !' );
  });

Если вы обнаружите ошибки или вам нужны новые функции, разместите их на странице «Проблемы» в репозиториях.


2
Мне нравится, насколько просто вы это сделали. Кажется, он поддерживает дополнительные параметры, когда они вам нужны, но вы держите их подальше.
— Stradas

Вот это да. Вы поделились множеством открытых источников. Респект.
— wonsuc

8

jQuery имеет плагин JSON-REST со стилем REST шаблонов параметров URI. Согласно его описанию, пример использования выглядит следующим образом: $.Read("/{b}/{a}", { a:'foo', b:'bar', c:3 })становится GET на "/ bar / foo? C = 3".


6

Для справки я хочу добавить о 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'
};

3

Вы также можете использовать фреймворки mvc, такие как Backbone.js, которые предоставят модель данных javascript. Изменения модели будут переведены в вызовы REST.




Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.